Okay
  Public Ticket #460670
Full Width - Single Static Background
Closed

Comments

  • Alfred started the conversation
    June 18, 2015 at 4:43pm

    Hi,

    I have a single page website, with scrolling, and instead of having each component with a separate background, I would like to give them all transparent backgrounds and have one single, static image background for the entire page. Is this possible?

    I was thinking about splitting my big image into sections, and set each section to the corresponding page builder component, so that it will look like one big image, but that is a bit of a band-aid fix, so I thought I'd post here and see if there was a way to do it.

    Cheers!

  •  8,992
    Tahir replied
    June 19, 2015 at 2:18pm

    Hey ,

    Can you provide the page url and the image link so i can try and put some custom css. Though if you put a background image for each row you will have more control over the positioning.

    Thanks

    ThemeNectar Support Team 

  • Alfred replied
    June 20, 2015 at 8:58am

    http://goingpostalgame.com

    So basically, at the moment I have the same blue colour background on every row. I want to know if it is possible to just make them all transparent and have one 1920x(height of website) image as the background.

    Cheers!

  •  8,992
    Tahir replied
    June 20, 2015 at 4:08pm

    I am getting 404 not found .

    Thanks

    ThemeNectar Support Team 

  • Alfred replied
    June 22, 2015 at 3:24am

    http://goingpostalgame.com/

    That should work. Sorry!

  •  8,992
    Tahir replied
    June 22, 2015 at 3:51pm

    Hey ,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    .wpb_row .row-bg, .full-width-section .row-bg {
    background-color: transparent !important;
}


.container-wrap {
    background-color: #f00 !important;
    background:url(http://i0.wp.com/goingpostalgame.com/wp-content/uploads/2015/05/Posman-e1430988326886.png?resize=250%2C250)
}

    Thanks


    ThemeNectar Support Team 

  • Olga replied
    February 15, 2020 at 1:15pm

    Hi Tahir, 

    I found this support ticket and it's something I'm trying to implement too. I found your code helpful but in my case I would like to see the same static image in the background under the whole page. Could you help me with that? Thanks!