Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 27, 2023 at 2:09 pm #1395573
    mattwalt

    Is there any way to have a background image fit 100% of the screen width?

    Tried a few options – but seems to force the image size.

    Thanks M

    January 28, 2023 at 6:26 pm #1395745
    Mike

    Hey Matt,
    Thanks for your patience and the link to your site, for your background image I assume that you are using this css:

    .main_color {
    background: #ffffff url(/wp-content/uploads/2023/01/background-border-1.jpg) top left repeat-y scroll
}

    Try adding background-size: contain; like this:

    .main_color {
    background: #ffffff url(/wp-content/uploads/2023/01/background-border-1.jpg) top left repeat-y scroll;
    background-size: contain;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    January 28, 2023 at 7:31 pm #1395755
    mattwalt

    Doesn’t seem to be working…

    January 28, 2023 at 7:34 pm #1395757
    mattwalt

    .main_color {
    background-size: 100%!important;
    }

    This worked though :-)

    Thanks for the help

    January 28, 2023 at 7:35 pm #1395758
    mattwalt

    Sorry..
    .main_color {
    background-size: 100%!important;
    }
    .main_color {
    background-size: contain!important;
    }

    This did…

    • This reply was modified 1 year, 10 months ago by mattwalt.
    January 28, 2023 at 8:37 pm #1395760
    Mike

    Hi,
    Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Fullwidth Background images’ is closed to new replies.