Archived topic
Section background color
9 replies · Started by Matteo on January 1, 2020
I have enabled Sections.
In my homepage I have two sections:
- one with a headline and without images;
- one with only images.
I have changed the background color of both sections inside settings, but the second (with the images) have a partial background color.
Need help, please.
Hi there,
Have you fixed this?
Both sections have the same full width background color:
https://www.screencast.com/t/HAK9kJ1f6DN
I added this CSS code:
.grid-100 {
background-color: #f4f4f4;
}
But there's a problem: now every section (but not only) has that background color and I want it only for the section with the images.
Plus, second problem: I have changed the images you see in the screencast. If you take a look now, you can see they are too little even if I setup width and height.
[lgc_column grid="25" tablet_grid="25" mobile_grid="50" last="false"] <img class="aligncenter wp-image-1315" src="https://matteospigolon.com/wp-content/uploads/2020/01/LaRepubblica-logo-gray4.png" alt="La Repubbblica" width="73" height="100" /> [/lgc_column] [lgc_column grid="25" tablet_grid="25" mobile_grid="50" last="false"] <img class="aligncenter wp-image-1315" src="https://matteospigolon.com/wp-content/uploads/2020/01/IlGiornale-logo-gray4.png" alt="Il Giornale" width="73" height="100" /> [/lgc_column] [lgc_column grid="25" tablet_grid="25" mobile_grid="50" last="false"] <img class="aligncenter wp-image-1315" src="https://matteospigolon.com/wp-content/uploads/2020/01/rairadio1gray4.png" alt="Rai Radio1" width="73" height="100" /> [/lgc_column] [lgc_column grid="25" tablet_grid="25" mobile_grid="50" last="true"] <img class="aligncenter wp-image-1315" src="wp-content/uploads/2020/01/Libero-logo4.jpg" alt="Libero Quotidiano" width="73" height="100" /> [/lgc_column]
Plus, after I have inserted that css code, a grey bar is appeared in the page "Chi (non) sono". Take a look here: https://snipboard.io/5qkjQl.jpg
I think I added the wrong code to solve the problem.
The CSS you've added shouldn't solve or cause a problem like that as there is no grid-100 class inside sections.
Can you remove it for me to take a look?
Please start a new topic for the separate questions.
Thanks!
Just remove the code. The problems seems to appear in tablet and mobile view.
Can you disable any caching plugin or server cache you might be using?
Just disabled.
Hi there,
Try adding this CSS:
.generate-sections-inside-container:after {
display: table;
content: "";
clear: both;
}
Let me know :)
It works now, thanks :-)
You're welcome :)