• 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

Genesis Slider in Sidebar Changes Size on Last Slide

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 › General Discussion › Genesis Slider in Sidebar Changes Size on Last Slide

This topic is: not resolved

Tagged: css, education pro, genesis responsive slider

  • This topic has 5 replies, 2 voices, and was last updated 7 years, 9 months ago by sangfroidweb.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 27, 2017 at 9:09 am #211925
    modernsugar
    Member

    I've added the genesis slider to the top of my sidebar in the education pro theme. For some reason on the last slide the size changes which looks awkward. All 3 slides are exactly the same size, and the slider is also setup on the first page and it doesn't change size on the last slide. I can't figure out what's causing it to shrink.

    Because it looks so bad I disabled it on the site so not sure anyone can troubleshoot without actually seeing it live.

    September 27, 2017 at 11:35 am #211931
    sangfroidweb
    Participant

    Could you enable it on one test page using Jetpack Visibility or similar so we can take a look? I think we'd have to see it to be able to offer anything other than guesses. 🙂

    Thanks!
    Liz


    Liz or Eddy @SangFroid Web — Customizing StudioPress themes at http://www.wpstudioworks.com and building custom Genesis Child themes for businesses at http://www.sangfroidwebdesign.com 🙂

    September 27, 2017 at 12:26 pm #211932
    modernsugar
    Member

    Thanks didn't even think of doing something like that - I have it setup on a test page -
    https://mmsa.org/test/

    I'd love to know why the last one shortens up and would also love to get rid of the lines under it when it's in the sidebar. On the front page it doesn't display with lines and every slider is the same dimensions.

    September 28, 2017 at 6:18 pm #211982
    sangfroidweb
    Participant

    Hi!
    The list-items in the slider and the slider navigation are inheriting a border and some paddings/margins from the CSS that is intended for "regular" list items in the sidebar.

    This is the CSS on line 1683 which gives all list-items in the sidebar a border on the bottom (the lines you are seeing) as well as bottom margin and padding (the reason you see multiple lines)

    .after-entry li,.sidebar li {
    border-bottom:1px dotted #ddd;
    margin-bottom:10px;
    padding-bottom:10px;
    }

    The reason that the last slide appears to shorten up is that there is a declaration to make the bottom margin 0px on any list-item "last child" located within a widget on line 887:

    .widget p:last-child,.widget ul > li:last-child,.widget-area .widget:last-of-type {
    margin-bottom:0;
    }

    To prevent these rules from cascading down to the list-items in the Genesis Responsive Slider, we just need to put in CSS to override it and prevent the margin, padding and border from being applied. This should do the trick:

    .sidebar #genesis-responsive-slider li {
    border-bottom:none;
    margin-bottom:0px;
    padding-bottom:0px;
    }

    Hope this helps!
    Liz


    Liz or Eddy @SangFroid Web — Customizing StudioPress themes at http://www.wpstudioworks.com and building custom Genesis Child themes for businesses at http://www.sangfroidwebdesign.com 🙂

    September 29, 2017 at 8:05 am #212003
    modernsugar
    Member

    Works perfectly - thank you so much!

    October 1, 2017 at 8:47 pm #212071
    sangfroidweb
    Participant

    Awesome..You're welcome! 🙂


    Liz or Eddy @SangFroid Web — Customizing StudioPress themes at http://www.wpstudioworks.com and building custom Genesis Child themes for businesses at http://www.sangfroidwebdesign.com 🙂

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘General Discussion’ 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

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