• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Best Practice Styling the Responsive Slider

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Best Practice Styling the Responsive Slider

This topic is: not resolved

Tagged: css, style.css

  • This topic has 5 replies, 3 voices, and was last updated 10 years, 1 month ago by John.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 13, 2012 at 12:43 pm #5013
    Rusty
    Member

    Hi this is a CSS noob question (I did search a bit).

    What is the best practices for styling the Genesis Responsive slider without actually editing the style.css in the plugin directory itself?   (I know this is basic CSS stuff), but I'm not getting the results what I want  🙂 ?

    For example, I want to override the 10px grey border found in genesis-responsive-slider/style.css  below (again without modifying the style.css that comes with the plugin:

    #genesis-responsive-slider {
        ....
        border: 10px solid #eee;  <- override in theme style.css (or an additional .css)
        ...
    }

    Thanks!!

     


    Rusty Eddy

    December 13, 2012 at 1:44 pm #5020
    John
    Participant

    Rusty,

    Editing the style.css file in your child theme directory is what you're looking for, normally placing the update at the bottom (end) of that file. If you make a change and it doesn't seem to stick, add !important to it, like so:

    #genesis-responsive-slider {
    border: none !important;
    }


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉

    December 13, 2012 at 6:13 pm #5105
    Rusty
    Member

    Thanks John!!

    It was the '!important', that did the trick.

    Now I know why I have seen '!important' around.   I just did a little extra research, I have a much better understanding of selectors, inheritance and specificity!

    Thanks a ton!


    Rusty Eddy

    December 13, 2012 at 8:57 pm #5137
    John
    Participant

    You're welcome!


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉

    December 17, 2012 at 4:21 am #5707
    lapuntarealty
    Member

    John, you're super helpful!!
    Thanks for the support!

    December 17, 2012 at 7:23 am #5732
    John
    Participant

    lapuntarealty, You're welcome!


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Best Practice Styling the Responsive Slider’ is closed to new replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble