Archived topic
Background pattern in sections
5 replies · Started by ch1800 on November 30, 2021
Hello,
How to add an image pattern (repeat) as background for a specific section, the same way we do with the background module?
I tested adding the image in section's settings as background and then adding this in CSS:
#generate-section-5.generate-sections-container {
background-position: center center !important;
}
but I'm getting only a single image in center and supersized...
Hi there,
set the size and the repeat property like so:
#generate-section-5 {
background-size: 100px;
background-repeat: repeat;
}Thanks David, that works great!
May I also ask you for another variant at another section:
- how to do the same but without repeat, use an image at a corner of the section, let's say top right?
Try this:
#generate-section-5 {
background-size: 100px;
background-repeat: no-repeat;
background-position: left top;
}Everything looks so simple when the meal is served but it's another story when you need to cook it...
Many thanks David!
Glad to be of help!
