[Support request] Image ‘Contain’ and ‘Repeat’

[Gary]

I have a site built with GP and Elementor. After all the recent problems with Elementor, I am attempting to remove it entirely from the site. For many of my posts/pages, this has been a simpler task than I anticipated.

However, I have one ‘template’ that serves all my Directory posts (restaurants, other places and events) and at the top of this template I use a featured image that is ‘contained’ and ‘repeated’, so that I have a nice strip along the top of the page with a row of the same featured images.

I am trying to work out how to do this with GP. Any suggestions please?

[David]

Hi there,

you could use a Header Element to add the Featured Image above the content:

https://docs.generatepress.com/article/header-element-overview/

Watch the video on how to set them up.

In the Element Classes field add: repeat-image

Then add this CSS to repeat the background image:

.repeat-image {
    background-repeat: repeat-x;
    background-size: 100px; /* adjust accordingly */
}

[Author]

Posts