Archived

This topic is now archived and is closed to further replies.

  • 0

Branding Transparent


Question

Posted · Report post

Hey guys, I'm trying to make the background for the branding area at the top of the page transparent and I was hoping to just adjust the css for that area rather than make the whole page background transparent and adjusting all the css below branding.

 

I'm using a child theme for my css and this is what I've got:

 

 

#page #branding {
background-color: transparent;
}

 

 

In firebug I'm seeing that rule applied, but its not actual affecting the background of branding.

 

Any thoughts?

Share this post


Link to post
Share on other sites

9 answers to this question

Posted · Report post

The reason why the branding isn't showing up as transparent (even though it already is) is because it's on the header on the page area, which is white, so it's showing the white that's behind it. The problem is, the entire page canvas is white, so if you needed the header to be transparent, the page canvas would need to be transparent, too. Do you still want to work around that or try an alternative to branding with a transparent background?

Share this post


Link to post
Share on other sites

Posted · Report post

Okay, to clarify, you are trying to make the branding transparent so that the grey background texture shows through?

Share this post


Link to post
Share on other sites

Posted · Report post

Could we have a link to the site please?

Share this post


Link to post
Share on other sites

Posted · Report post

I'm running it locally

Share this post


Link to post
Share on other sites

Posted · Report post

Have you tried adding !important after transparent? Example:

transparent !important

Share this post


Link to post
Share on other sites

Posted · Report post

Just tried, no luck...

Share this post


Link to post
Share on other sites

Posted · Report post

How about a different selector? Like:

#page #branding .branding_wrap

Share this post


Link to post
Share on other sites