Partial transparency

  • Author
    Posts
  • #61217

    I want to make the main content text partial transparent. I know I should add something in the “Additional CSS”, of the format:

    element, #element_id, .element-class { background-color: rgba( red, green, blue, transparency ); }

    – What should I use for element, #element_id, .element-class if I want the main text to be partially transparent (I can find info for headers, footers, widgets, etc., but not for the main text)?
    – Is there a way to do it for all elements in one command?
    – Is there a place where the names of all the elements in Fluida are tabulated and named?
    Thanks,

    #62112
    Zed
    Cryout Creations mastermind

    The layout uses several elements layered on top of each other. From your description it is not clear to me which should be transparent and which one is the final background layer.

    Could you indicate in the screenshot which structural area/element you want to make (semi)transparent?


    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.
    #62156

    Hi Zed – how do I insert screenshots here? Copy/paste is not working?

    Thanks,

    #62207
    #63318
    Zed
    Cryout Creations mastermind

    Try this CSS:

    article.hentry, #primary, .searchform, .main > div:not(#content-masonry), .main > header, .main > nav#nav-below, .pagination span, .pagination a, #nav-old-below .nav-previous, #nav-old-below .nav-next {
        background-color: rgba(255,255,255,0.5);
    }

    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.
Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Partial transparency’ is closed to new replies.