Jump to content


Photo
- - - - -

Branding Transparent

branding css child theme

Best Answer catrina , 18 April 2013 - 07:31 PM

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?

Go to the full post


This topic has been archived. This means that you cannot reply to this topic.
9 replies to this topic

#1 couturemotion†

couturemotion

    Advanced Member

  • DMS Subscriber†
  • 51 posts

Posted 17 April 2013 - 01:50 PM

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?



#2 greenfly†

greenfly

    Advocate

  • DMS Subscriber†
  • 3268 posts

Posted 17 April 2013 - 02:02 PM

Could we have a link to the site please?



#3 couturemotion†

couturemotion

    Advanced Member

  • DMS Subscriber†
  • 51 posts

Posted 17 April 2013 - 02:04 PM

I'm running it locally



#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts

Posted 17 April 2013 - 02:25 PM

Have you tried adding !important after transparent? Example:

Please Login or Register to see this Hidden Content



#5 couturemotion†

couturemotion

    Advanced Member

  • DMS Subscriber†
  • 51 posts

Posted 17 April 2013 - 02:27 PM

Just tried, no luck...



#6 catrina

catrina

    Advocate

  • Members
  • 12345 posts

Posted 17 April 2013 - 03:07 PM

How about a different selector? Like:

Please Login or Register to see this Hidden Content



#7 couturemotion†

couturemotion

    Advanced Member

  • DMS Subscriber†
  • 51 posts

Posted 18 April 2013 - 01:59 PM

Okay, I tried the different selector and still no luck.  To make life easier I put up a version online.

 

Please Login or Register to see this Hidden Content



#8 catrina

catrina

    Advocate

  • Members
  • 12345 posts

Posted 18 April 2013 - 04:24 PM

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



#9 couturemotion†

couturemotion

    Advanced Member

  • DMS Subscriber†
  • 51 posts

Posted 18 April 2013 - 04:40 PM

Yes



#10 catrina

catrina

    Advocate

  • Members
  • 12345 posts

Posted 18 April 2013 - 07:31 PM   Best Answer

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?