Skip to Content
Menu
This question has been flagged
1 Reply
3043 Views

In v16, I have a cover image associated with each blog post. I don't want overlay text, just the image, to show on the blog page. It looks okay on desktop, but on mobile the image is cut off on the right and left. How can I change how the cover image is displayed so it is shown like a regular HTML image rather than a background image?

Avatar
Discard
Author

I already have it set that way. When I look at the HTML code, it shows that the cover image is still being displayed as a background image in the DIV.

In the QWeb templates, how can I access the variable that contains the URL of the blog post cover image?

Best Answer

Hi,

To change displaying title on the cover image of the blog, you can follow these steps:


1. Go to any blog post.

2. Click on the "Editor" button to access the website editor.

3. Within the website editor, locate the options for the layout settings.

4. Look for an option that allows you to change the layout from "Title Inside the Cover" to "Title Above the Cover".


5. Select the "Title Above the Cover" option and save.

By choosing the "Title Above the Cover" layout, the cover image will be displayed like a regular HTML image rather than a background image.

Regards

Avatar
Discard