🎉 Happy 4th of July! Get 15% off GP Premium with the discount code: 4THOFJULY2020

[Resolved] Section background color

Home Forums Support Section background color

  • This topic has 9 replies, 3 voices, and was last updated 6 months ago by Tom.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1119196
    Azzurra

    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.

    #1119205
    Leo
    Staff
    Customer Support

    Hi there,

    Have you fixed this?

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

    #1119594
    Azzurra

    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.

    #1120101
    Leo
    Staff
    Customer Support

    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!

    #1120204
    Azzurra

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

    #1120222
    Leo
    Staff
    Customer Support

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

    #1120639
    Azzurra

    Just disabled.

    #1121119
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Try adding this CSS:

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

    Let me know 🙂

    #1121219
    Azzurra

    It works now, thanks 🙂

    #1121351
    Tom
    Lead Developer
    Lead Developer
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.