Archived topic
Image 'Contain' and 'Repeat'
1 reply · Started by Gary on September 7, 2020
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?
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 */
}