Dear Support
I would like to know how to make sure that featured images on Single Post images are displayed under the title and the the meta info. Right now the image is above and it really hides the title.
Do you have a quick code/fix for this?
Thank you as usual :)
Andrea
Hi Gurify!
Thank you for visiting the support forum!
Edit includes > loop-index.php, remove everything then replace it with this code:
Add this on Quick CSS or custom.css:
.post-meta-infos {
top: 0;
}
.single .template-blog .post .entry-content-wrapper {
margin-top: 10px;
}
Best regards,
Ismael
Thank you Ismael it worked. Just one thing, the post title remained aligned to the left so I made this css code which properly aligned it to the right along with the rest of the content
article h1 a {padding: 0 0 0 130px!important;}
Its just that now on mobile view the post title looks too much to the right and I dont know how to avoid this without making a mess.
Can you suggest please? thanks
Also, how can I make meta info appear under the title and before the image? The order I need to have would be:
Title
meta info
featured image
content
Thank you very much!
Hey!
Please add media queries to your custom CSS code as following
@media only screen and (min-width: 1024px) {
article h1 a { padding: 0 0 0 130px!important; }}
Please add following code to Functions.php file in Appearance > Editor
function add_custom_script(){
?>
<script>
jQuery(window).load(function(){
jQuery("span.post-meta-infos").prependTo("div.big-preview.multi-big");
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');
Regards,
Yigit
Thank you it worked :)