Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 21, 2015 at 11:44 am #415709
    mleite1

    Hello, I have to have control of the transparency of the color section? I would like to use color in some section of my website a light transparency. But each will have its opacity. I’ll have to manipulate each. Is this possible?

    For example. In the link below page I want to leave a little transparent the color section where has the text.

    http://quintadaslagoas.com.br/2015/?page_id=148

    March 23, 2015 at 5:45 am #416201
    Rikard

    Hey mleite1!

    You can add an ID to each color section in the For Developers: Section ID option in the color section. You can then target your section with CSS like so:

    #my-color-section{
background: rgba(0, 0, 0, 0.6);
}

    Regards,
    Rikard

    March 24, 2015 at 6:48 pm #417295
    mleite1

    Hello, I created a name For Developers: Section ID, I took your code and added the name. I changed the color and set the opacity to 0.6. The color became clearer, but the Color Section was not transparent. I want the color section transparent stay and show the BG image of the page.

    March 25, 2015 at 7:40 am #417577
    Rikard

    Hi!

    Please try this for the section to be fully transparent: 

    #my-color-section{
background: rgba(0, 0, 0, 0.0);
}

    Best regards,
    Rikard

    • This reply was modified 9 years, 8 months ago by Rikard.
    March 25, 2015 at 3:51 pm #417807
    mleite1
    This reply has been marked as private.
    March 27, 2015 at 4:01 am #419065
    Josue

    Hi!

    You need to first reset the #main element background, the final code should be like this:

    #main {
    background: transparent;
}

#testcolorsection{
    background: rgba(255, 255, 255, 0.8);
}

    Cheers!
    Josue

    March 27, 2015 at 11:15 am #419207
    mleite1

    Perfect Josua.

    Thanks

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘TRANSPARENCE COLOR SECTION’ is closed to new replies.