Support Center Visit Demo License manager Buy @ envato

Proportionally resize and centre the featured image in a blog post

valentinsoftwarevalentinsoftware
in Blog

How do i make the featured image on top of a blog post proportionally smaller and centered above the blog title and text?

Example post: https://valentin-software.com/en/events-blog-en/free-webinars/

I can make the featured image smaller in Wordpress at "Betheme/Betheme Options/Blog & Portfolio/Featured Image" but then it is not centered above the blog title and text anymore.

Thanks!

Comments

  • PhilPhil

    Hi,

    Make the featured image smaller, as you mentioned, and use the following CSS code:

    .single-photo-wrapper.image{
 text-align: center!important;
}

    Put it in betheme -> Theme options -> Custom CSS & JS -> CSS.


    Best regards

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • valentinsoftwarevalentinsoftware

    Many thanks, it worked!

    Is it possible to align the "date" and "category" aswell? So that it starts at the left corner of image and title (see attached screenshot).

    Best regards

    blogFI_date.png


  • PhilPhil

    It might be done with some CSS adjustments but with more advanced ones, so I suggest contacting your web developer regarding that.


    Best regards

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
Sign In or Register to comment.