Footer transparency not working properly

Forums » WordPress » Tempera » How To

  • Author
    Posts
  • February 3rd, 2015 at 09:17 #29344
    Jhoanne

    I’m using Tempera, which is absolutely wonderful. However, it seems that if I set the background color of my footer to transparent (rgba (0, 0, 0, 0)), the background image does not show through because it seems that the footer background is somewhat “anchored” or placed on top of the main body, so that instead of the background image, the color of the main body shows through.

    I cannot give the link to my website because it’s supposed to be confidential at this stage, but I really hope you understand what I’m talking about.

    Can you please help me with this one? Any help will be greatly appreciated. Thank you!

    February 3rd, 2015 at 09:28 #29345
    Jhoanne

    Here’s a screenshot of the issue I’m talking about.

    This is the image of the footer in full opacity:

    And this is the footer with 0.3 opacity:

    I was kinda hoping that the background image would show through.

    I hope someone could help. Thanks!

    February 3rd, 2015 at 09:30 #29346
    Jhoanne

    Oops. The images didn’t post.

    No transparency:No transparency footer

    With 0.3 Opacity: 0.3 opacity

    February 3rd, 2015 at 09:32 #29347
    Jhoanne

    0.3 opacity

    February 3rd, 2015 at 09:37 #29348
    Jhoanne

    Just an addition, I have tried the transparency property for the main body with #main {background-color:rgba(0,0,0,0)} and it worked, but didn’t with the footer.

    For the footer code, I just added the same code to my custom CSS but replaced “#main” with “#footer2” and that’s how it turned out.

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

The topic ‘Footer transparency not working properly’ is closed to new replies.