Proportionally resize and centre the featured image in a blog post

valentinsoftware

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!

Phil

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

valentinsoftware

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

Phil

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