Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • June 28, 2021 at 12:53 pm #1307728
    davs74

    Hi

    is it possible to adjust the color section width as shown in the picture?

    Thank you

    June 28, 2021 at 1:53 pm #1307743
    Yigit

    Hi,

    Thanks for contacting us!

    Please edit your Color Section element and give it a Custom ID in Advanced > Developer Setting tab (“my-cs” in example below) and then add following code to bottom of Quick CSS field

    #my-cs .avia-slideshow {
    max-width: 1310px;
    margin: auto;
}

    Best regards,
    Yigit

    June 28, 2021 at 3:06 pm #1307763
    davs74

    Hi Yigit

    i added the css – with # it didn’t work, then i took the point in front:

    .home-color-section-width .avia-slideshow {
    max-width: 1310px;
    margin: auto;
    }

    on the right side it already looks good, only the left side would have to go too.

    Can you help me?

    Thank you

    June 28, 2021 at 3:19 pm #1307764
    Yigit

    Hi,

    Please change the code to following one 

    #top .home-color-section-width .avia-slideshow {
    max-width: 1310px;
    margin: auto;
}

    :)

    Best regards,
    Yigit

    June 28, 2021 at 5:40 pm #1307795
    davs74

    Hi Yigit

    already almost perfect – now not yet flush with the boxes – see picture :)

    Thank you

    June 29, 2021 at 10:36 am #1307895
    davs74

    Hi Yigit

    can you help me adjust the width so it is flush with the box.

    Thank you

    June 29, 2021 at 10:49 am #1307899
    Yigit

    Hi,

    Please add following code to bottom of Quick CSS field as well

    #top .home-color-section-width .container {
    padding: 0;
}

    Best regards,
    Yigit

    June 29, 2021 at 3:48 pm #1307960
    davs74

    Hi Yigit

    not quite right yet – but if i take this max-width it looks good – but the value 1210px is fixed now, and i don’t know if this is correct:

    #top .home-color-section-width .avia-slideshow {
    max-width: 1210px;
    margin: auto;
    }
    Thank you for your help

    June 30, 2021 at 11:33 am #1308076
    Yigit

    Hi,

    That looks fine. There is still some space on both sides on mobile. If you would like to remove it you can use

    @media only screen and (max-width: 1024px) { 
#top .home-color-section-width .container {
    padding: 0;
}
}

    Best regards,
    Yigit

    June 30, 2021 at 5:07 pm #1308179
    davs74

    Thank you Yigit

    June 30, 2021 at 6:06 pm #1308190
    Yigit

    Hi,

    You are welcome!
    Let us know if you have any other questions and enjoy the rest of your day! :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Color Section width’ is closed to new replies.