Jump to content
Sign in to follow this  
cefisher

Background Image Dynamic

Recommended Posts

cefisher

Hello, Ok so I am using a bg image uploaded via design control. On pages that are long... the image ends and there is white space. I know how to change the bg color, but when I do that... the color shows through the main nav bar. I am wondering if there is some code that will make the bg image move down as the page scrolls. OR what is the best way to combat my issue. Thanks

Share this post


Link to post
Share on other sites
catrina

If you have a pattern background image, there's a way to implement CSS that can repeat it, but since it doesn't seem that you do, there is a way to use CSS so that the color doesn't show through the nav bar. Would you prefer that method?


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
cefisher

Yes. Please show me how to prevent the color from showing through the Nav Menu

Share this post


Link to post
Share on other sites
kastelic

Why not just set the background so it doesn't scroll? Just put this in Custom Code -> Custom CSS:

.canvas #page, .full_width #page, body.fixed_width {
	background-attachment: fixed;
	}

Share this post


Link to post
Share on other sites
cefisher

Hey Jimmy, That did the the trick! thanks

Share this post


Link to post
Share on other sites
cefisher

So what is the CSS to prevent the background color from effecting the nav bar?

Share this post


Link to post
Share on other sites
cefisher

Can someone please share the CSS that will prevent the background color from showing through the main nav bar? Thanks

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  

×