• 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 Grid Loop teething problems: missing borders/unwanted sidebar shrinkage

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 Grid Loop teething problems: missing borders/unwanted sidebar shrinkage

This topic is: not resolved

Tagged: Genesis Grid Loop, grid loop

  • This topic has 1 reply, 1 voice, and was last updated 9 years, 11 months ago by webmonkey.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 30, 2013 at 12:22 pm #38602
    webmonkey
    Member

    I am having some teething problems using the Genesis Grid Loop.

    The first issue is the disappearance of right borders on the grid thumbnail images:
    http://66.147.244.62/~grapefr3/

    This appears to be the result of the edges of the images being hidden behind some CSS element, but so far no joy in trying to narrow that down. Width values in the CSS appear to be percentage-based, which makes it a little harder to say, oh that should be 200 pixels wide not 198 or whatever. Has anyone else run into this problem? Google was no help.

    The second issue is unwanted shrinkage of images in the Primary Sidebar. That blog post on the top right (in the Primary Sidebar) should have an image the full width of the Primary Sidebar, but is about half its width.

    If you opt for having a full width Feature image in Genesis Grid Loop, which I have not in this design that just uses Teasers, then the right bar Primary Sidebar images don't get shrunk. So somehow the Grid Loop is affecting images in sidebars. Any ideas on how to fix that? Thanks.

    http://66.147.244.62/~grapefr3/
    April 30, 2013 at 4:27 pm #38646
    webmonkey
    Member

    Thanks to help from plugin writer Bill Erickson, I was able to resolve the missing border.

    The 2-across Genesis Grid columns are 201 pixels wide each, so a 200 x 200 pixel image with a 1 pixel border is actually 202 wide, hiding the right border of the image.

    Resolved this by adding a new image size of 199 x 199 pixels to functions.php, then ran the Regenerate Thumbnails plugin, then selected this new image size in Grid Loop. All good now.

    Still no idea about why images are shrinking in the right bar.

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