• 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

Changing the Responsive Slider height?

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 › Changing the Responsive Slider height?

This topic is: not resolved

Tagged: responsive slider

  • This topic has 2 replies, 3 voices, and was last updated 10 years, 3 months ago by colemanweb.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 27, 2012 at 10:42 am #7686
    johnringgold
    Member

    I have been creating images that were exactly 610x220 and adding them as featured images for my responsive slider.  I am in the process of changing the featured images for all my posts to 400x400, but I can't get my responsive slider height to change. 🙁  See REBR.com

    I have changed it the the responsive slider settings from the menu to 400x400, it didn't change the height.

    I have tried adding a height line to the code it in the theme style.css;

    .slider {
    float: left;
    width: 400px;
    height: 400px;
    }

    I also tried adding it here;

    #genesis-slider {
    border: 10px solid #fff !important;
    padding: 0 !important;
    height: 400px;
    }

    Then I tried to go into the responsive slider style.css and add it here;

    #genesis-responsive-slider {
    background-color: #fff;
    //border: 10px solid #eee;
    margin: 0 auto;
    padding: 10px;
    position: relative;
    height: 400px;
    }

    I still get the cut off images in the slider.  I tried each of these options above individually, I didn't add the code to all of these places at once.

    How do I change the height of this slider?

     

     

    December 27, 2012 at 6:34 pm #7806
    Riavon
    Member

    Hi,

    I think the problem is the dimensions of your images, at least the ones I see there now, are not fitting your 400px x 400px space is all. Your images size themselves proportionately to fit, so they are fitting width-wise (400px wide) but not filling the 400px height because they're not all proportioned as squares but as rectangular in their dimensions. The settings you've configured in the Responsive Slider settings will set it to max-height of 400px, which means that is as large as it can go, if the width supports it. But, if the image is wider than tall, it will scale to fit the width. Hope that makes sense?


    Twitter: @riavonentprises

    December 30, 2012 at 9:58 am #8375
    colemanweb
    Member

    I had a similar image when I changed the dimensions.  It wasn't in the slider.  It was that the image was cropped "shorter" when I uploaded it.  So I removed the old image, changed the image maximum height and width in Settings (the regular settings for WordPress) and then uploaded it again.  Voila, all fixed.  🙂  Maybe that will work.

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

© 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