Jump to content
Sign in to follow this  
siso

Branding area - How to make the background image visible instead of canvas

Recommended Posts

siso

I'm using Platform Pro with the "Full width design with Canvas" option. I also have Buddypress installed (in case that matters). In the branding section of the header I'd like to see the background image of the page rather than the canvas color. How would I do this? I tried making the background of the header area transparent but it's inheriting the color from the canvas. Is there anyway to NOT have the canvas color affect this header / branding section, but to instead have the canvas color be transparent for this branding section? Here's a photo with Firebug clicked on the area I'm referring to: RDA3h.png It seems the DIV ID "page-canvas" is determining the background color in the branding section ... is there something I can do to have it not apply this background setting (of the canvas) to the branding / header section? (So the branding area would just let the background image show through)... Thank-you! link: www.warsawchurch.pl

Share this post


Link to post
Share on other sites
Andrew

You could go with the full width design mode and color the page background instead. This will take some knowledge of CSS and its interactions with layout. The 'canvas' area is around all the content of your page, the `#page-main` area isn't... so you could just "code it up" I'm thinking your site looks pretty good already!

Share this post


Link to post
Share on other sites
siso

Hi Andrew, Thanks for your input. I actually originally did have the full-width design option and it achieved that transparent header (revealing the background). However, I was hoping to have the canvas a certain color and then the actual content areas / sidebar content a different color -- for a kind of two-tone look. However, this two-tone look is not as important as the transparent branding section -- so perhaps I'll revert to that and try to be happy with one color in the content / sidebar areas... (as I try to firebug things and "code it up" as well) ... Unless there's another "easy" way? P.S. Thanks for the "looking good already" comment -- that's encouraging :)

Share this post


Link to post
Share on other sites
catrina

If you want to apply a different color to the content/sidebar areas, an easy way to accomplish that is by using CSS styling.


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×