Archived

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

  • 0

Transparency in banner

Question

5 answers to this question

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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;
}

Share this post


Link to post
Share on other sites

Posted · Report post

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

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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