• 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 Featured Post Widget Misalignment

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 Featured Post Widget Misalignment

This topic is: not resolved

Tagged: featured post, genesis, Metro theme.

  • This topic has 3 replies, 2 voices, and was last updated 8 years, 8 months ago by Tom.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 22, 2014 at 3:25 pm #115447
    gabrielgmoura
    Member

    Hello StudioPress community!

    I have been struggling with this issue for a while now and, despite doing a lot of research, I remain clueless. Here goes:

    I have the Genesis Featured Post Widget active on the sidebar of my Metro wesite, but the text and image are misaligned in some of the excerpts.

    Here's two snapshots of the issue:


    I'm not much of a coder, but this issue feels entirely random and out of the left field. This is my website: http://www.elementsofcinema.com/ which is running the Metro theme. The issue will only happen with some specific post excerpts, which means to repro it, you may have to refresh the page.

    Also, this issue will cause and fix itself depending on the screen size, which leads me to believe that it is related to the mobile-responsiveness. Resizing the screen and observing the results may offer some insight on the cause.

    I hope you guys can guide me. Thank you so much!

    Gabriel

    http://www.elementsofcinema.com/
    July 23, 2014 at 11:32 pm #115656
    Tom
    Participant

    Hi Gabriel,

    The words in the post titles are simply too long, as formatted, to fit next to the images in the sidebar area. This forces them to be placed in the first line below the image. You can adjust the font size, thumbnail size or sidebar width to correct this.

    (your header looks much better 🙂 )


    Choose your next site design from over 350 Genesis themes.
    [ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

    July 24, 2014 at 9:58 am #115710
    gabrielgmoura
    Member

    Thank you, Tom. You are right, the words in the post title were too long. I contacted StudioPress (because it's their widget) and they did suggest an edit to the stylesheet that mitigated the problem by decreasing the margin size around the image. However, some real estate is still lost, and it just looks weird. I suggested to them that instead of aligning the post title with the image, the title should come first, then the image:

    I think this makes sense, but it can only be accomplished on their end. What do you think?

    Thank you!

    Best,
    Gabriel

    July 24, 2014 at 1:09 pm #115743
    Tom
    Participant

    You can do this (title, then image) with the Genesis Sandbox Featured Content Widget plugin.
    https://wordpress.org/plugins/genesis-featured-content-widget/

    GSFCW result

    GSFCW setup


    Choose your next site design from over 350 Genesis themes.
    [ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

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