- This topic has 3 replies, 2 voices, and was last updated 8 months ago by .
Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 total)
- You must be logged in to reply to this topic.
Home › Forums › Pro Themes › Signify Pro › Create transparent widget-wrap blocks and custom-header-overlay backgrounds
Tagged: background, css, Transparent, widgets
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!
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
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!
Okay, you can try this CSS to make the width of the header image 100%
#custom-header img{
width: 100%;
}
Cookie | Duration | Description |
---|---|---|
cookielawinfo-checkbox-analytics | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics". |
cookielawinfo-checkbox-functional | 11 months | The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional". |
cookielawinfo-checkbox-necessary | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary". |
cookielawinfo-checkbox-others | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other. |
cookielawinfo-checkbox-performance | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance". |
viewed_cookie_policy | 11 months | The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data. |