Reposition feature image on post

Support
#1

Is there a way to reposition the feature image on the post page? I rather would have the picture above the Title and maybe align left and have an underline break before the title.

Thank you in advance,
Ivee

image
image1240×829 279 KB

#2

Hey, check out this feed previously posted. Not sure if this is what you are looking for but it helped me!

#3

Thank you for the help @gallagherBD, though simple CSS will not work this time.

Hi Ivee,

This is possible with customizing the template for post. I can point you to the correct template and steps although the actual customization is outside the scope of our support. If in case you are not familiar with coding, it would be best to consult a web developer.

I can see you are using renew stack. The template responsible for that single post display is this:
\wp-content\themes\x\framework\views\renew\content.php
Copy that file on your child theme folder here:
\wp-content\themes\x-child\framework\views\renew\content.php
If the folder path does not exist yet, please create it.

Open the copied file, you can see this part:

    <?php x_get_view( 'renew', '_content', 'post-header' ); ?>
    <?php if ( has_post_thumbnail() ) : ?>
      <div class="entry-featured">
        <?php x_featured_image(); ?>
      </div>
    <?php endif; ?>

That’s the code for the featured image and header. Switch as needed.

For the alignment and break/space, we can use custom CSS. It can be added on Theme Options > Global CSS. Please check the following guide.

Look at this sample: https://screencast-o-matic.com/watch/cYfnfs4g6W

Hope this helps.

#4

Thank you! That works perfectly. I just need to read up on some searches on how to create a horizontal line 50% of the page under the header. Will figure this out instead of using border

#5

Hey @marketing0161,

For a short horizontal line under the header you can take a look at the following resources https://stackoverflow.com/questions/23715222/title-with-bottom-border-smaller-than-width ot https://www.steckinsights.com/shorten-length-border-bottom-pure-css/

Hope this helps!

#6

It did, thank you!!!

#7

You’re most welcome, Ivee.

#8

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