Jump to content
lovethecuban

Transparency in banner

Recommended Posts

Danny    1,327
Danny

Hi,

 

What you will need to do is remove the color you have in the Content background option in Color Control. so that your content background becomes transparent.

 

Then you will need to add CSS, to make specific sections have a white background color.

 

As an example, the code below will give the Content Area a background color of white.

 

 

#site .section-content-area .content {
background: white;
}

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
lovethecuban    0
lovethecuban

Great, thanks. And to extend it over the nav bar? and then, I guess, move the banner down to meet the content/nav?

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

You will need to add custom CSS for each area you wish to have a white background. I recommend you use Firebug or your browsers web developer tool and inspect the areas you want to add the custom CSS to.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
lovethecuban    0
lovethecuban

Yes, I've tried that. But the inspect element tool is giving me terms that don't seem to work. I've tried to modify the .nav colour, but it doesn't respond the way the css above does. Can you tell me how to modify this specifically?

 

Re: above. Tweaked, got it to work.

 

Now having trouble with width of branding, can't get the width to change (match up with page width) - http://pl.hogacrecommon.org.uk. Thoughts?

Share this post


Link to post
Share on other sites
Rob    547
Rob

Your image exceeds the maximum width of the site.  In some browsers, images will scale, but not in IE9.

 

So, the simple solution is, look at the width of your layout and find out what that maximum number is (default I think is 1100px). Just resize your branding image to whatever number that is less 50px.  So, if it's 1100px, make the image 1050px wide, using your graphics editor.

 

Upload and replace the larger image.


Former PageLines Moderator, Food Expert and Raconteur

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


×