Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 21, 2020 at 1:47 am #1205620
    Hamalaga

    Hello,

    I want my color-section content and background to be scalable full-width on a specific site. It should look like the row below but with background img.

    April 22, 2020 at 4:14 am #1206001
    Rikard

    Hey Hamalaga,

    I’m not sure I understand your intentions, could you try to explain a bit further please? If you are looking to set a background image to a Color Section then you can do so in the element options.

    Best regards,
    Rikard

    April 22, 2020 at 12:53 pm #1206168
    Hamalaga

    I´m sorry, the image didn´t show up.
    The content, here: timeline, should be fullwidth in the color section as you can see in the picture below.
    I tried using following code(which i found in the forum) without success:

    #page.id-111 #section-container-width .container {
    width: 100% !important;
    min-width: 100%;
    padding: 0;
    margin: 0;
    }

    April 22, 2020 at 7:41 pm #1206350
    Victoria

    Hi Hamalaga,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#fullwidthsection .container {
    max-width: 100vw;
    padding: 50px 0;
}
.main_color .avia-timeline {
    width: 100vw !important;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    April 22, 2020 at 7:49 pm #1206356
    Hamalaga

    Hey,
    unfortunatley it does not work either way.

    April 23, 2020 at 8:26 pm #1206663
    Nikko

    Hi Hamalaga,

    Can you try this CSS code in Quick CSS, located in Enfold > General Styling:

    .page-id-111 #fullwidthsection .container {
    width: 100%;
}

    Best regards,
    Nikko

    April 23, 2020 at 10:31 pm #1206699
    Hamalaga

    Hey,
    it did not work either.
    I also added !important

    April 24, 2020 at 12:47 am #1206717
    Nikko

    Hi,

    I can’t see the code when trying to inspect the page, can you go to Enfold > Performance > Disable CSS file merging and compression.
    Hope it helps.

    Best regards,
    Nikko

    April 24, 2020 at 2:43 am #1206719
    Hamalaga

    Done.
    It´s not only in this case. Some code in custom CSS does apply and some doesn´t.
    But first I would like to fix this.

    April 24, 2020 at 3:58 pm #1206836
    Nikko

    Hi Hamalaga,

    I see, please replace the code I gave into this one:

    .page-id-111 #fullwidthsection .container {
    width: 100%;
    max-width: 100%;
}

    Best regards,
    Nikko

    April 24, 2020 at 4:33 pm #1206850
    Hamalaga

    Yes, finally it worked, thanks a lot : )
    You can close this topic

    April 24, 2020 at 10:52 pm #1206987
    Nikko

    Hi Hamalaga,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great weekend!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘color section fullwidth’ is closed to new replies.