• 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

Remove Genesis Slider Border

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 › Remove Genesis Slider Border

This topic is: resolved

Tagged: Genesis Slider, outreach child theme, remove border

  • This topic has 3 replies, 2 voices, and was last updated 12 years, 11 months ago by digitgirl2.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 7, 2013 at 9:56 pm #39818
    danieray
    Member

    Hi,

    I'm trying to remove the border around the slider on the home page (using the Outreach child theme). I've tried updating the CSS to the following with no luck:

    .outreach #genesis-responsive-slider {
    border: none;
    padding: 0;
    margin:0;
    background-color:#bcd1cb;
    }

    This is a link to the site I'm working on: http://bmt.diedrick.net/

    Thanks in advance for any suggestions!

    http://bmt.diedrick.net/
    May 7, 2013 at 10:23 pm #39822
    digitgirl2
    Member

    I'm not an expert but looking in firebug the code that needs to be changed is:

    .full-width-content.outreach #content {
      padding: 0;
    }
    Original:
    .full-width-content.outreach #content {
    padding: 10px;
    }
    Try this and see if it works.

    -Robin


    http://www.CPRMedia.net | WordPress Design

    May 7, 2013 at 10:26 pm #39823
    danieray
    Member

    That did it! Awesome! I am going to get firebug right now as that seemed to help figure it out.

    Thanks a bunch!

    May 7, 2013 at 11:03 pm #39826
    digitgirl2
    Member

    Glad I gave you the correct solution! 🙂 Firebug is awesome, I use it all the time.


    http://www.CPRMedia.net | WordPress Design

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

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

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 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