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 8 months, 4 weeks ago.

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

    MM
    Participant
    Post count: 128

    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
    #70480

    anitac
    Participant
    Post count: 7028

    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.


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #70536

    MM
    Participant
    Post count: 128

    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.