Home Forums Pro Themes Signify Pro Create transparent widget-wrap blocks and custom-header-overlay backgrounds

  • This topic has 3 replies, 2 voices, and was last updated 1 week ago by Psink.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #196003
    JmanX
    Participant

    Hi, I’m using the Signify Pro (Music Dark Theme/Dark Base Color Scheme) on http://theadventurerleagues.com/. I’d like have the sidebar widget blocks have a semi-transparent background, same with the background bar behind the header image.

    For the main content/posts I’m using the following code added to the additional CSS:
    div#primary {
    background-color: rgba(0,0,0,0.6);
    }

    However adding similar code but changing the div# to “secondary”, “widget-wrap”, “custom-header-overlay” don’t seem to have any effect on this. Appreciate any help! Love the theme!

    #196011
    Psink
    Keymaster

    Please try this CSS

    #wp-discord.wpd-dark,
    #secondary section .widget-wrap{
    background-color: rgba(0,0,0,0.6);
    }

    let us know if this does not works

    #196017
    JmanX
    Participant

    Hey! Thank you! That worked perfectly! The only other part that I’m having trouble with is making the header image at the top on the main page either be 100% screen width or having the light grey background that extends to the sides to screen width also have a transparency (preferred solution). Thanks again for the help!

    #196018
    Psink
    Keymaster

    Okay, you can try this CSS to make the width of the header image 100%

    #custom-header img{
    width: 100%;
    }

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.