How to make home page content background translucent?

  • Author
    Posts
  • #42448

    Hello, I used this code to adjust the color, however the site does not interpret the alpha channel settings.

    #frontpage {
    background-color: rgba(255, 206, 82, .5);
    }

    also tried the body #main which did not even change the color.

    Thanks

    #42462
    Zed
    Cryout Creations mastermind

    The browser does the interpreting. If the rule doesn’t work you’re either applying it to the incorrect element, or the custom style is not specific enough and gets overwritten by existing styling.

    Try
    body #frontpage { ...

    Note that the #frontpage element is located on top of a different layer which already has a white (configurable) background, so any semi-transparent color you’re applying will be applied to that background, it will not make the content background semi-transparent all the way down to the site background.


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #42553

    I know I have selected the correct element because the color changes when I change the color numbers.

    The reason the background image was not showing through is I had the same color set for the background of the content. I removed the callout numbers and the alpha channel is now adjustable. Thank you.

    #42555

    here is the css code:

    #pp-afterslider {
    background-color: rgba(255, 206, 82, 0.8);
    margin-top: -20px;
    margin-right: 0px;
    margin-left: 0px;
    padding-left: 3%;
    padding-right: 3%;
    padding-top: 2%;
    }

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

The topic ‘How to make home page content background translucent?’ is closed to new replies.