Okay
  Public Ticket #216358
re: Footer BG Image
Closed

Comments

  • Tobias started the conversation
    May 18, 2014 at 8:35pm

    Hi

    I'd tried adding a bg image to the footer using this code but it adds a grey area below the image depending on the size of the browser rather than pushing the image down. Any ideas why or how I can make this work efficiently?

    #copyright {

    background: url("img/footer_bg.jpg") repeat scroll left top #1F1F1F;

    border-top: 1px solid #3A3A3A;

    color: #777777;

    font-size: 12px;

    padding: 20px 0;

    }

    Thanks


  •  8,839
    Tahir replied
    May 19, 2014 at 5:38pm

    Hey Tobias!

    Please always provide us url so we can right up custom css to fix it. 

    Thanks

    ThemeNectar Support Team 

  •  8,839
    Tahir replied
    May 20, 2014 at 1:18am

    Hey Tobias!

    You will have to place a patterned image to the body tag for it to look seamless . http://subtlepatterns.com/?s=wood to get wood patterns.

    Thanks

    ThemeNectar Support Team 

  • Tobias replied
    May 21, 2014 at 5:15pm

    Sorry I'm not sure I understand. Could you show me a CSS example please.

    Thanks again for quick responses!

  •  8,839
    Tahir replied
    May 22, 2014 at 2:01pm

    Hey Tobias!

    Try adding this:

    body {
    background: url(http://subtlepatterns.com/patterns/retina_wood.png);
}

    All the Best,

    -T

    ThemeNectar Support Team 

  • Tobias replied
    May 22, 2014 at 2:18pm

    Thanks!! Sorry but where do I add this, in footer.php? and also where in that file?

  •  8,839
    Tahir replied
    May 22, 2014 at 5:08pm

    Hey Again! 

    You have to Add it into the Custom CSS box located in your Salient Options panel . If you are having trouble please consider hiring a freelancer over at envato studio.

    All the Best,

    -T

    ThemeNectar Support Team 

  • Tobias replied
    May 29, 2014 at 3:41pm

    Hi

    Thanks, that somewhat worked but as you can see I still have an issue with the footer extending height / taller dependent on screen dimension http://alfornok.nextmp.net/ ?

    Thanks as always for quick response!


  •  8,839
    Tahir replied
    May 30, 2014 at 4:08pm

    Hey Tobias!

    For the Footer issue use the fullscreen option in the Nectar Slider so it always cover the whole page. 

    Cheers.

    ThemeNectar Support Team