Add background image to the site header

Homepage Community Forums Oasis Theme Support Add background image to the site header

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #27980
    Brian Thomas
    Customer

      Hello. What CSS code is needed to add a background-image to the header?

      I’ve tried the following with no success:

      .site-header {
      background: url(“http://localhost/sms/wp-content/uploads/2024/05/topback.jpg”);
      background-repeat: repeat;
      height: 160px;
      background: #78B649;
      }

      #27981
      Wes
      Moderator

        Hi Brian,

        Which version you’re using? Are you using the Genesis version or the FSE Full Site Editor theme?

        You can also see the version number in the style.css file.

        #27987
        Brian Thomas
        Customer

          I’m trying to reply to this post, but after I submit the post isn’t visible?

          #27988
          Brian Thomas
          Customer

            Theme Name: Oasis

            Version: 1.0.2

            #28039
            Wes
            Moderator

              Judging based on the code you added, I see 1 quotation mark, it should be 2 if you plan to use them in the code. Open and Close. You don’t necessarily have to use them if you don’t want to, but if you do just make sure there’s 2.

              This should work –

              background-image: url(https://demo.appfinite.com/demo/wp-content/themes/oasis-old/config/import/images/homepage-bg-2.jpg);

              Both background and background-image work for me. If you haven’t tried “background-image” see if that helps.

              If it’s still not showing up, double check that the link to your image is working.

              I had to setup a separate/local server and install this version of the theme since I didn’t have it installed anywhere (I just have the New version installed). But once I tested the CSS it works fine on my end.

              Let me know if that helps!

            Viewing 5 posts - 1 through 5 (of 5 total)
            • You must be logged in to reply to this topic.