Home Forums Weaver Xtreme Theme Need to remove background image on home page

Topic Resolution: Answered

This topic contains 4 replies, has 2 voices, and was last updated by  scrambler 2 weeks, 4 days ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #61939
    Answered

    cathy
    Participant

    Hello,

    I have put a background image on the body that I want to be on all the pages except the home page. On that page, I’ve set up a video to run as the header image. I would like the video to extend up to the menu bar and not show the background image. I have tried setting the body tag on the per page style to none but that didn’t work.

    https://radiantwebsitedesign.com/clients/stowers/

    Thanks!

    Cathy

     

    #61941

    scrambler
    Moderator

    The rules below placed in the Theme Global Custom CSS Rule box should do it

    body.home {background-image:none;}
    .home #title-tagline {position:absolute;z-index:2000;}

     

    #61943

    cathy
    Participant

    Thanks, Scrambler! You’re the best! Works great.

    #61944

    cathy
    Participant

    I changed my mind on the home page image. I decided to have an image, just a different one so I was able to change that ok but I have another question. If I don’t want to have any background image on mobile devices, I tried: .is-mobile body.home {background-image: none !important;} but it didn’t work.

    Thanks!

     

    #61945
    Best Answer

    scrambler
    Moderator

    This reply has been accepted as the best answer.

    You need to attach the selector is-mobile as it is on the body tag

    body.home.is-mobile {background-image: none;}

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.