• 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 – alignment issue

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 › Genesis Slider – alignment issue

This topic is: not resolved

Tagged: genesis responsive slider

  • This topic has 8 replies, 4 voices, and was last updated 13 years, 1 month ago by henridelbosque.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • June 29, 2013 at 9:40 pm #48473
    katymartin
    Member

    Hi gang... I've just set up a relatively new dev site and inserted the Genesis Responsive Slider. I set the dimensions (in 'slider settings') to 1140 x 445 and the images are saved and loaded at this size.

    But the slider images are all getting "pushed" to the right leaving a big white space next to image. I'm not sure how to fix it. Any help?

    The site is: http://netstorepro.com/butcherknife/

    http://netstorepro.com/butcherknife/
    June 30, 2013 at 4:02 am #48504
    RobG
    Member

    Try changing the for your dimensions for the slider to 920 X 400 and see if this will center it. I've just tested the Genesis Responsive Slider, with these settings and it works like a charm. Hope this helps.


    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    We build WordPress websites for your business or personal goals
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

    June 30, 2013 at 8:19 am #48534
    katymartin
    Member

    Thank you, but that didn't work. Image is still cropped incorrectly and pushed left. And the "previous/next" arrows are full width. And ultimately, I want the slider to be full width: 1140x445 pixels

    Is there someplace in my code that is somehow overriding the Slider Settings? It's like 920x400 is the largest the image box will stretch and it's cramming the full size image into those dimensions. ???

    June 30, 2013 at 8:42 am #48539
    RobG
    Member

    What size are the images that you're using for your slider? that theme is using 1140 x 445 images for that slider you might have to resize them.


    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    We build WordPress websites for your business or personal goals
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

    June 30, 2013 at 8:51 am #48542
    katymartin
    Member

    Ok... I've been playing around with different ideas and this is what I've discovered. Apparently I needed to load the images into the Media Gallery FIRST... then go the page/post I want to link in my slider and set the Featured Image.

    I was using the Featured Image area of the page to upload the image (i.e. the image hadn't been uploaded yet). Doing it this way somehow overrides the original image size. It's probably a featured image setting somewhere.

    SOOOO.... the take-away that I believe to be true is: Process ORDER Matters!

    1) Install Genesis Responsive Slider
    2) Set dimensions in 'Slider Settings'
    3) Upload the image(s) to the Media Library
    4) Go to page or post and Set Featured Image, choosing an image that's already in the Media Library

    Hope this helps anyone experiencing similar problems.

    June 30, 2013 at 9:01 am #48546
    RobG
    Member

    That's great glad you found a fix for it thank you for sharing your findings.


    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    We build WordPress websites for your business or personal goals
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

    July 7, 2013 at 7:36 am #49626
    henridelbosque
    Member

    Hi there,

    I am not sure if I am having the same problem as you, but my responsive slider it's kinda messed up with the sizes.

    My english is not very good, so, take a look here: http://www.tuvitalidad.com

    As you can see, there seems to be several problems there.

    1. It only appears the right arrow.
    2. The image doesnt fits the slider box (all my images are 650 width)
    3. Though you can't see it, there is no '-featured' option in the slider 'By Taxonomy and Terms' setting. I can only select "all taxonomies and terms, categories, tags, and format",

    I've already regenerate thumbnails and set again the featured images in each post, but still the problem persist.

    July 7, 2013 at 9:30 am #49636
    therealestatewebguy
    Member

    I had a right side gap for my site and my slider images were 1140 by 420 and I used the following to correct the issue.

    .flexslider .slides img {
    width: 1140px;
    }

    July 7, 2013 at 6:41 pm #49728
    henridelbosque
    Member

    therealestatewebguy, your tip worked just wonderful! Thanks 🙂

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

© 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