background image to footer widgets

  • Resolved [email protected]

    (@smmp28gmailcom)


    9 years, 6 months ago

    First off AMAZING theme – I’m building my second site with it and have found nothing like it. THANK YOU.

    Here is my latest venture: furnitureupstate.com

    I am utilizing a background image for my banner background (a semi-transparent pattern) that I would also like to utilize for three footer widgets I have. What is the best way to add a background image (or a semi-transparent background color) to those widgets? I spent quite a bit of time trying to figure this out on my own before finally submitting this ticket.

    Alternatively, if I could have a second banner underneath the main one and then have three columns for the information contained in my footer widgets, I think that could also accomplish what I’m doing.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Anthony Hortin

    (@ahortin)

    Thanks! I’m glad you like my theme.

    If you want to add a semi transparent colour to those footer widgets, you could add the following css to your stylesheet:

    .home #footercontainer .widget-area {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 30px;
}

    * The numbers in the rgba() function are the Red, Green & Blue components of the colour (ie. 0,0,0 equals black, 255,255,255 equals white). The last number (0.5) is the opacity.

    You’ll notice that I also added a bit of padding around all the edges. That’s optional.

    Thread Starter [email protected]

    (@smmp28gmailcom)

    Works great – thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘background image to footer widgets’ is closed to new replies.