Background images in header and body

  • Resolved ninde

    (@ninde)


    8 years, 1 month ago

    I’m struggling with an image issues. I want to have an image in the header and in the background of the article, this css just worked fine

    .site-header {
    background-image: url(../images/henna.png);
    background-repeat: no-repeat;
    background-position: left top;
    }

    .inside-article { background-image: url(../images/caravan.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    }

    except it’s only showing on the homepage and not throughout the entire site?
    Also the images doesn’t resize on mobile devices because they are background images. Is there a way to make this work?

    Greetings, Ninde

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Tom

    (@edge22)

    Hi there,

    You need to add the full URL to your image instead of the relative URL.

    So ../images/henna.png would become https://yourwebsite.com/images/henna.png.

    Thread Starter ninde

    (@ninde)

    Yes! Awesome! Thank you very much!! ??

    Theme Author Tom

    (@edge22)

    You’re very welcome ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Background images in header and body’ is closed to new replies.