Featured image (full width) above excerpt

Support
#1

Hi there,

I would like to show the featured image full width above the excerpt instead of on the left.

Can someone help me out with this?

Thanks!
Astrid

#2

Howdy, @astridjongbloed! Something like this should get you going in the right direction:

.blog .x-main .hentry > .entry-featured,
.search .x-main .hentry > .entry-featured,
.archive .x-main .hentry > .entry-featured {
  float: none;
  width: auto;
  margin: 0 0 2.15em;
}

.blog .x-main .hentry.has-post-thumbnail > .entry-wrap,
.search .x-main .hentry.has-post-thumbnail > .entry-wrap,
.archive .x-main .hentry.has-post-thumbnail > .entry-wrap {
  float: none;
  width: auto;
  padding-left: 0;
}

These are basically just the @media (max-width: 767px) styles in the static stylesheet applied globally. If you need any customizations beyond this that would fall into custom development territory and would need to be implemented on your own, but you should be able to tweak things to your liking from here. If those selectors do not overwrite the styling appropriately, you may need to append an !important declaration to each value.

Hopefully that helps to point you in the right direction, cheers!

#3

Thank you so much! That did the trick! :slight_smile: :slightly_smiling_face:

#4

Hi @astridjongbloed,

You’re welcome and it’s our pleasure to help you. If you have any other concerns regarding our theme features, feel free to reach us.

Thank you.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.