Making text box transparent/translucent

  • Resolved utterlycynthia

    (@utterlycynthia)


    4 years, 12 months ago

    Hi,

    Is there a way to make the background of a text box transparent or translucent? I tried the following code, but it didn’t work.

    #page-content {background: transparent;}

    I also need help with changing the text color of the footer without changing the color of the site title. Is that possible?

    Thanks so much ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Rough Pixels

    (@roughpixels)

    Greetings!

    I’m going to assume you want a transparent background on “all” pages and posts? IF so, you will need to add this to your customizer’s Additional CSS tab:

    .hentry {
    background: rgba(255,255,255,0.5);
}

    You can change the 0.5 to the transparency level you want; this references 50% transparency. The 255,255,255 that you see there is the colour white, but instead of HEX colour, that represents RGB value.

    For the footer colours to be done independently, you can do this:

    #site-footer,  
#footer-site-title {
    color: #000000;
}

    The colour can be done with HEX colour value, hence the #000000 (black). Just change it to what you want.

    Thread Starter utterlycynthia

    (@utterlycynthia)

    Thanks so much! Got it all ??

    ~Cynthia

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Making text box transparent/translucent’ is closed to new replies.