Custom CSS changes for Genesis Responsive Slider

[MM]

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

AND

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

http://www.mikemetcalfe.co

[AnitaC]

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.

---

Need help with customization or troubleshooting? Reach out to me.

[MM]

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 😉

[Author]

Posts