Blog · Gabriola Graphics

Make WordPress SVG Friendly

Posted September 19, 2018Kevan

If you are a vector-loving SVG enthusiast then you will certainly want to extend the functionality of your WordPress install to make the Media Library SVG friendly. Use the following code snippet in your functions.php file:

// Add SVG functionality to WP

function add_file_types_to_uploads($file_types){

$new_filetypes = array();

$new_filetypes['svg'] = 'image/svg+xml';

$file_types = array_merge($file_types, $new_filetypes );

return $file_types;

}

add_action('upload_mimes', 'add_file_types_to_uploads');

Kodi Sharing with Windows 10 [Solved]

Posted June 26, 2018Kevan

kodi - windows 10 sharing

We run an Android box (the Minix Neo-U1) into a TV that was gifted our way. It’s been almost flawless and operates impressively as we connect wireless from some distance away. After many many months of using Kodi to connect to our Windows 10 desktop in another room in the house, the connection was recently “lost” to the Windows 10 system.

Remove Divi Builder Button for WP User Role Author

Posted March 28, 2018Kevan

To make things easier for the client hand-off, I removed the Divi builder button from the back-end, using the following code:

/* Remove Divi Builder button for WP Role Author */

function my_custom_admin_head() {

if ( current_user_can( 'author' )) :

?><style>.et_pb_toggle_builder_wrapper { display: none; }</style>

<?php endif;

}

add_action( 'admin_head', 'my_custom_admin_head' );

Divi Disable Slider and Gallery Slide-In Effect

Posted March 16, 2018Kevan

On page load the Divi photo gallery and the image slider have their own automatic “slide in from left” effect. To disable this effect use the following CSS:

.et_pb_slide_image, .et_pb_slide:first-child .et_pb_slide_image img.active {

-webkit-animation-duration: 0s !important;

animation-duration: 0s !important;

}

To see all my Divi blog posts click here.

Divi Friendly Global Footer

Posted March 9, 2018Kevan

This trick will allow you to create a Divi friendly footer (within the front-end builder) and then via a child theme modification to the footer.php file, have it echo throughout your site.

And the code to enter in your footer.php file. Make sure to replace the relevant post # with your own:

<?php echo do_shortcode('[et_pb_section global_module="400"][/et_pb_section]'); ?>

Older Posts