Oct 03 2011

How to Customize the Genesis Slider with Your Child Theme (without using !important)

Recently, I had the need to use the Genesis Slider and customize it, so I wanted to share with everyone what I did. First, open the Genesis Slider CSS file in your plugins folder (wp-content/plugins/genesis-slider/style.css). Then copy and paste it into your child theme's style.css file. Then make any and all CSS adjustments you'd like.

Then in your functions.php, add the following:
[php]<?php

add_action( 'init' , 'as247_remove_slider_styles' , 15 );
function as247_remove_slider_styles() {
remove_action( 'wp_print_styles' , 'genesis_slider_styles' );
}

[/php]

This bit of code will remove the styling added by the Genesis Slider plugin, thus making your CSS the Slider CSS.

What can I do for you!?

Custom Development

We develop plugins by determining both business/functional and technical requirements, following WordPress development best practices, and using agile methodology to ensure you get the best solution.

Consulting

Have questions? Need a reliable developer to consult? Please contact us today!

Customized Theme

We can customize your theme or child theme, or create a child theme for you based on your needs while enhancing the performance of every individual attribute.

Customized Plugin

We can customize your plugins, extend plugins (e.g., Gravity Forms, Jetpack, Soliloquy) based on your needs ensuring security, performance, and positive business impact.

About Travis Smith

As a WordPress enthusiast, developer, and speaker, Travis writes about what he learns in WordPress trying to help other WordPress travelers, beginners and enthusiasts with tutorials, explanations, & demonstrations.

Comments

Aaron Hartland says

October 3, 2011 at 9:00 am

Thank you for this Travis! I’ve been wanting to do this this ever since the genesis slider was released.

Reply
Elle says

October 11, 2011 at 7:38 am

Travis that’s very cool! I was styling is using !important on everything…kind of annoying!! You just saved me a heap of time!

Reply
nonStopCars says

April 18, 2012 at 9:42 pm

Thanks the tut.

Reply
Britney Muller says

October 10, 2013 at 7:13 pm

Hey Travis,

Thanks for this little hack, unfortunately I cannot get it to work with my Balance Child Theme. Was I supposed to paste the genesis-slider.css into a certain area of my style.css?

Thanks so much!

Reply