Docs

[Jennifer P]

Hi, I’m using different custom background images on each page of my site. I found this snippet of code that makes it possible here in the forum:

body.workshop-bkgd {
background-image: url(http://www.qboxmonthly.com/images/workshop-bkgd.png); /** URL of the image **/
background-position: top right 50%; /** Image Position **/
background-repeat: no-repeat;
}

My problem is that Safari positions the top bar on top of the background image which throws off the positioning of elements on my page. However, Cornerstone shows the background image positioned right below the top bar (as does Chrome) which is how I positioned everything else on my page. Is there anyway to make it so that universally, my background image will be positioned the same on each browser?

Thanks.

[Rad]

Hi there,

Thanks for posting in.

I just checked that CSS and it’s working, perhaps it’s related to your site’s current structure. Would you mind providing your site’s URL that has this background issue?

Thanks!

[Jennifer P]

http://www.qboxmonthly.com/temp/qs-workshop/

Thanks for your help. I’ve attached screenshot closeups of the areas I’m talking about too.

[Jennifer P]

Screenshot 1 shows Safari
Screenshot 2 shows Chrome

[Rue Nel]

Hello There,

I have tested your site side by side using Chrome and Safari. I do not see any difference.

Have you find a solution that resolves the issue?

[Jennifer P]

Okay, that is odd. But, I figured it out. When I’m logged in and I look at the site it has the wordpress bar across the top, and that pushes the topbar and everything else on my page down a bit. When I’m not logged in the page is the way you show it above.

Thanks for taking the time and boy am I glad that is all it was.

[Rue Nel]

No worries!
We’re here always happy to assist you in anyway we can.

[Author]

Posts