Custom CSS changes for Genesis Responsive Slider

Community Forums Forums Design Tips and Tricks Custom CSS changes for Genesis Responsive Slider

This topic is: resolved

This topic contains 2 replies, has 2 voices, and was last updated by  MM 2 years ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #70468


    I’m put the Genesis Responsive Slider on but can’t figure out a few CSS changes. I’m trying to:

    – change the post title fonts
    – change the post container box colours and borders etc
    – change the arrow images


    Also create different slider settings (so I can have one size on homepage and others on category pages).

    I’m guessing there’s many studiopress users who’d like to do the same! Any experts? Thks


    You can copy over the CSS from the plugin into your Style.css file then edit the fonts, etc. If they don’t work right away put the !important statement on the ones that don’t change.

    As for adding in multiple sliders – the slider doesn’t work that way. Most people are using Soliloquy. There is a free version and a PRO version with more bells and whistles, but even with the free – you can create as many sliders as you like and put them where ever you want via shortcodes. And it integrates with Featured Posts/Pages also.



    Thanks @anitac . Good info. I couldn’t get it working by copying it into my themes style.css, yet editing the plugins css worked fine (bad form I know, but I’ll keep a backup to deal with changes). Can you or anyone figure out this problem?

    You’ll now see that the text on the homepage, ‘Flexible Freelance Services with Hourly, Daily and Project Rates’, has shrunk. It had a H2 style, similar to the heading used for the responsive slider title.

    Q – Any idea how to keep the slider H2 and the normal H2 different ? I tried to do this by inserting…

    .genesis-responsive-slider, h2 {
        font-family: 'proxima-nova',serif;
        font-size: 20px;
        font-weight: 500;
        line-height: 1.25;

    in the responsive slider css, but that seems to be influencing the normal style.css also.

    For some reason, can’t locate the prev/next arrows either even though they’re activated.

    Thanks for any pointers ;)

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.