[Resolved] Section background color

[Matteo]

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.

[Leo]

Hi there,

Have you fixed this?

Both sections have the same full width background color:
https://www.screencast.com/t/HAK9kJ1f6DN

[Matteo]

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.

[Leo]

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!

[Matteo]

Just remove the code. The problems seems to appear in tablet and mobile view.

[Leo]

Can you disable any caching plugin or server cache you might be using?

[Matteo]

Just disabled.

[Tom]

Hi there,

Try adding this CSS:

.generate-sections-inside-container:after {
    display: table;
    content: "";
    clear: both;
}

Let me know 🙂

[Matteo]

It works now, thanks 🙂

[Tom]

You’re welcome 🙂

[Author]

Posts