Custom body class for background images

Homepage › Community Forums › General › Custom body class for background images

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 11, 2015 at 8:16 pm #16391
    alliemay
    Customer

      I’m trying to add a full-page background image to just a couple inside pages. I’ve created a custom bady class (both in the page editor and in functions.php) in order to add the image to the background. The custom bady class part is working, and the background image styling is working, but when I Firebug it, I see that the background image styling is “crossed out.” It’s being trumped by a selector that’s not making any sense to me…

      This is the selector:

      body.page.page-id-17.page-template-default.logged-in.admin-bar.custom-header.header-image.full-width-content.clients-class.clients.customize-support

      …and of course, there are no styles for it.

      I hope this question makes sense. I can’t figure out what is trumping the custom body class. I don’t have any colors or images chosen in the “Customizer.”

      Thanks!
      -Allison

      September 13, 2015 at 11:15 pm #16402
      Eric
      Customer

        Hi, what is the link to your site where this is all taking place?

        I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

        September 14, 2015 at 11:31 am #16404
        alliemay
        Customer

          Oh – thanks for looking…the site is currently password protected, but I created a temp subscriber login.

          The page that the clients wants a full-screen background is:
          http://woodbuildinganddesign.com/clients/

          usr: Tempuser
          pw: SubTempX58

          September 14, 2015 at 7:15 pm #16423
          Wes
          Moderator

            @alliemay Try adding this –

            background: url(http://woodbuildinganddesign.com/wp-content/uploads/2015/09/client-bg.jpg);

            That will make the image show up in the background. The other parts where your content is located will have a white background behind it. Just let us know if you want to adjust that.

            September 19, 2015 at 5:27 pm #16429
            alliemay
            Customer

              Wow – that is, or course, the first thing I tried…and it didn’t work. The only difference is that I used quotation marks and a space between “url” and the parenthesis….but your version worked. I’ll take it.

              Thanks…!

              -Allison

              September 20, 2015 at 9:42 am #16431
              Wes
              Moderator

                Great! Glad you got it working 🙂

                Let us know if you have any other questions.

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