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.

Comments

  1. says

    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!

Leave a Reply