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


  • Please log in to reply
9 replies to this topic

#1 couturemotion

couturemotion

    Advanced Member

  • Members

  • 51 posts
  • Country: Country Flag

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 Martin Davies

Martin Davies

    Advocate

  • Moderators
  • 2550 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 17 April 2013 - 02:02 PM

Could we have a link to the site please?



#3 couturemotion

couturemotion

    Advanced Member

  • Members

  • 51 posts
  • Country: Country Flag

Posted 17 April 2013 - 02:04 PM

I'm running it locally



#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

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

  • Members

  • 51 posts
  • Country: Country Flag

Posted 17 April 2013 - 02:27 PM

Just tried, no luck...



#6 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

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

  • Members

  • 51 posts
  • Country: Country Flag

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
  • LocationCalifornia
  • Country: Country Flag

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

  • Members

  • 51 posts
  • Country: Country Flag

Posted 18 April 2013 - 04:40 PM

Yes



#10 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

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?







Also tagged with one or more of these keywords: branding, css, child theme