Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 5, 2021 at 8:22 am #1292437
    TrevorMF

    Hi see images attached.
    I have three 1/3rd sections in a colour full width colour section. Each text box contains some simple html to enable an image change on mouseover.
    This all works fine (see first image) but I can’t get this to be full width (see second image).
    Any suggestions will be greatly appreciated.
    What I have…
    https://snipboard.io/GulUQE.jpg
    What I need…
    https://snipboard.io/YQlZme.jpg

    Thank you everyone in advance

    April 5, 2021 at 4:22 pm #1292536
    Nikko

    Hi TrevorMF,

    Please try adding this CSS code in Enfold > General Styling > Quick CSS:

    #section-width .container {
    max-width: 100%;
    padding: 0;
}

#section-width img {
    width: 100%;
}

    You may need to use a bigger image.

    Best regards,
    Nikko

    April 5, 2021 at 10:16 pm #1292611
    TrevorMF

    That worked great thanks Nikko

    April 6, 2021 at 4:50 am #1292653
    Nikko

    Hi TrevorMF,

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

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Make 3 text boxes containing HTML take up whole width’ is closed to new replies.