Blog Excerpt on Archive Page is Sometimes Misaligned

  • Resolved vitruvian1man

    (@vitruvian1man)


    1 year, 3 months ago

    I’m using the most recent version of Astra (free not pro). On the blog archives pages, I noticed that the excerpt text shows to the right of some featured images that are smaller than the entire container/screen width.

    I have selected to show the excerpts below the featured image in the blog archive settings. This actually works, provided the featured image is as wide as the container. When I put narrower images as a featured image, the excerpt will position to the right of the image, in a narrow column that is essentially unreadable to a viewer, and then continue to wrap any remain excerpt text below the image.

    Do I need to make some sort of change (say, in the PHP function or CSS code) to force all excerpts to display completely below an featured image, regardless of how small the featured image actually is?

    • This topic was modified 1 year, 3 months ago by vitruvian1man. Reason: I initially linked to just a post; I updated the link to just the archive page (reference most recent blog post on archive page)

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi @vitruvian1man,

    I am trying to replicate the scenario on my dev site and it doesn’t behave that way. Refer to this screenshot, please.

    Please let me know if I am missing something.

    Kind regards,
    Herman ??

    Thread Starter vitruvian1man

    (@vitruvian1man)

    I appreciate your looking into the issue.

    Since you’re showing the theme aligns properly on a dev site, I tried more basic troubleshooting on my end.

    Plug deactivation:

    I de-activated all plugs, cleared cache, and then viewed the blog archive page and Astra’s theme still mis-aligns the excerpt on posts that have smaller-width featured images (screenshot link). Astra places the excerpt to the right of the image and uses a wrap feature.

    Test other themes:

    So, I tried a couple of random themes to determine whether they also mis-align the excerpt like Astra’s theme does.

    First, I tried WordPress’s Twenty Twenty Four theme. It worked properly. The blog archive showed proper alignment of excerpts (below the image) regardless of the featured image size.

    Then, I tried another theme, Mirror Magazine, and it also worked properly (screenshot link).

    My Conclusion:

    Based on my limited tech experience and testing of a couple of other themes, it appears, for some unknown reason, that the blog excerpts mis-align when using the Astra theme on my site/server.

    I guess, for now, I’ll just plan to use a different theme since doing so eliminates the problem at my end.

    Thread Starter vitruvian1man

    (@vitruvian1man)

    Update:

    As a final update, I deactivated and uninstalled Astra and then installed/activated a different theme. Before doing so, I reviewed six more themes focusing on full site editing (FSE) using the block editor. All of the themes that I tested via live preview worked properly with respect to aligning the blog excerpt below the archive’s featured image regardless of the size of the image.

    Switched theme:

    I decided to install a theme named Blocksy, which works quite well (here’s the screenshot).

    It has a lot of similar customization features as Astra’s theme.

    To my surprise, it also included a couple of neat features in the non-premium (free/donations only) version: (1) a sticky sidebar, (2) both “published date” and “modified date” for blog posts, which is helpful for readers to know that an older blog post has been updated, and (3) a lot of customization options for typography, colors, dark mode, etc.

    Conclusion:

    The issue I experienced with Astra could be something with the install itself on my end since you and others haven’t reported this issue, from my understanding.

    I will re-install Astra in the future to give it another test. Until then, it appears I got lucky and found a theme in Blocksy that’s exceeded my expectations.

    I appreciate your initial follow-up.

    Hi @vitruvian1man,

    I am sorry that due to the problem you were facing you had to switch to another theme. If you need further assistance regarding this matter, I suggest you get in touch with us thru our Support Portal, so we can have a closer look.

    Kind regards,
    Herman ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Blog Excerpt on Archive Page is Sometimes Misaligned’ is closed to new replies.