• 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 Responsive Slider Cropping Images

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 Responsive Slider Cropping Images

This topic is: not resolved

Tagged: crop, education, genesis, responsive, slider

  • This topic has 4 replies, 3 voices, and was last updated 8 years, 8 months ago by ecorrea.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 20, 2014 at 2:34 am #110748
    Pelowtz
    Member

    Balance Theme. Genesis Responsive Slider is cropping 50 px off my images. Tried re-uploading. Double checked image dimensions (1140 x 350). Tried Regenerate Thumbnails. Searched forums everywhere.

    I know I can edit the CSS of the responsive slider div to "height: 350px" but this makes the slider unresponsive.

    I need the images to be 350px in height and I need to preserve the responsiveness of the slider.

    Any help would be greatly appreciated.

    Here is the code. Again, adding a height: 350px attribute solves the problem but is not a viable option for me.

    #genesis-responsive-slider {
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border: none !important;
    padding: 1px !important;
    height: 350px

    }

    http://www.exceleratorconsulting.com/staging/
    June 20, 2014 at 6:45 am #110763
    efuller
    Member

    It looks as though this is the Education theme not Balance, correct?

    It looks like the slider area is 980px. If your image is 1140px x 350px then there is some re-sizing going on to make the image fit.

    Try creating an image that is 980px x 350px and see how that works.


    I am a web developer

    June 20, 2014 at 10:13 pm #110895
    Pelowtz
    Member

    Thanks for the reply. Of course I didn't think of looking at the width. You are correct. This is the education theme.

    You are right, but it actually raises more questions than it answers. I want the images to be 1140.

    Now for some reason the entire content section of the theme is only 980 wide. it should be 1140. I don't know why this is or when this happened. I am sure I edited some CSS somewhere that is making this happen.

    Any input?

    Thanks again for the help.

    June 20, 2014 at 10:43 pm #110899
    Pelowtz
    Member

    ha! I figured it out. The theme is doing exactly what it's supposed to do. Pilot error confirmed.

    FYI. The homepage images in the demo theme are in fact 1140 x 350 (which is why I duplicated those dimensions for our graphics). Like a rookie I assumed that the images will be 1140 in all instances.

    This is not the case.

    If you are using the content>sidebar template like me on the homepage, the images are cropped to fit the sidebar in. If you take away the sidebar the images are re-sized to 1140.

    Thanks again for your help.

    July 3, 2014 at 1:26 pm #112899
    ecorrea
    Member

    Hello,

    So how were you able to take away the sidebar so the slider images don't get cropped?

    Regards,
    Edgar

  • 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

© 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