• 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

Minimum Pro / Strange CSS Glitch with Genesis 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 › General Discussion › Minimum Pro / Strange CSS Glitch with Genesis Responsive Slider

This topic is: resolved

Tagged: genesis responsive slider, minimum pro, tag-line

  • This topic has 4 replies, 2 voices, and was last updated 12 years, 2 months ago by tinstar.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 21, 2014 at 5:49 pm #86347
    zanspace
    Member

    Hello,
    I've been trying to solve this for a day 1/2 already without success. I'm a good CSS coder in general but can't figure this one out.

    I've setup the Genesis Responsive slider on the Minimum pro theme (Homepage) and after quite a bit of trial/errors, etc, was able to have it working (almost!!!). I have 3 slides, no links, on a very basic fade. However, only the 3rd slide displays correctly (according to the specified CSS rules). The first 2 slides have what appears to be either an extra bottom margin (or padding) -10 to 15 extra px- which makes the entire content of the homepage, below the slider, to re-adjust (go up) when the 3rd slide is displayed. I made sure that the (bottom) margin for the genesis slider is set at 0 (ie: margin-bottom: 0px !important;)

    I'm going nuts over this: the behavior should be the same across the board, for all 3 slides, and the content moving up -if slightly- is something i can't present to my clients.

    I would really appreaciate any help or suggestions on how to solve this (pesky) issue.

    cheers & thanks,

    Maurice

    http://zanspace.com/
    January 22, 2014 at 8:24 am #86443
    zanspace
    Member

    The problem was in the

  • element of the slider. I used Inline CSS, in the Genesis-Responsive-slider.php file to ensure that the margin + padding were set to "0"
January 23, 2014 at 2:36 pm #86684
tinstar
Member

Where exactly did you edit the php if you don't mind? I'm having the exact same issue.

Thanks.

January 23, 2014 at 5:14 pm #86711
zanspace
Member

I added the inline CSS to the <li> element (there's only 1) in the php file.

January 24, 2014 at 1:26 pm #86864
tinstar
Member

That worked perfectly!

Thank you.

  • Author
    Posts
  • Viewing 5 posts - 1 through 5 (of 5 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

    © 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