• 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

Making Genesis Responsive Slider the full-width of a boxed layout

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 › Making Genesis Responsive Slider the full-width of a boxed layout

This topic is: resolved

Tagged: full-width slider, slider

  • This topic has 5 replies, 2 voices, and was last updated 10 years, 8 months ago by SoZo.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 2, 2013 at 8:31 pm #17512
    jillchongva
    Member

    What would be the best way to make the Genesis Responsive slider run the full-width of a boxed layout?

    My demo site is http://demo.lusciouslime.com

    Using Associate theme.

    I have the slider in the Featured widget area, but it won't show properly with the slides filling the width of the slider, with no padding or margin.

    I'd like to achieve a final look like this image >> http://demo.lusciouslime.com/wp-content/uploads/2013/02/demoll.jpg

    What's the best way to do that cleanly in Genesis?


    jill chongva
    online marketing: lusciouspress.com
    organizing: lusciousorganizing.com
    em: [email protected]

    February 2, 2013 at 8:50 pm #17516
    SoZo
    Member

    The only thing that would keep it from filling the space like this would be padding/margin. You have padding applied to #inner .wrap so the slider isn't going to fill #inner


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    February 3, 2013 at 8:36 am #17604
    jillchongva
    Member

    So do I just remove the padding on inner, and then put it back in for each element separately? Is that the best way to do it?

    jill 🙂


    jill chongva
    online marketing: lusciouspress.com
    organizing: lusciousorganizing.com
    em: [email protected]

    February 3, 2013 at 8:48 am #17605
    jillchongva
    Member

    And answered that one myself - yes, I just had to add padding to the content-sidebar wrap and the home-middle and home-bottom and voila - it looks just like I wanted!

    Thanks Flamel!

    jill 🙂


    jill chongva
    online marketing: lusciouspress.com
    organizing: lusciousorganizing.com
    em: [email protected]

    February 3, 2013 at 9:01 am #17612
    jillchongva
    Member

    Update - don't add the padding to content-sidebar-wrap - add to the content itself and the sidebar separately.


    jill chongva
    online marketing: lusciouspress.com
    organizing: lusciousorganizing.com
    em: [email protected]

    February 3, 2013 at 12:43 pm #17641
    SoZo
    Member

    You're welcome 🙂


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Making Genesis Responsive Slider the full-width of a boxed layout’ 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