• 0
Sign in to follow this  
Followers 0

Setting a consistently placed background images on all website pages

Question

Posted · Report post

I am working on a site at http://montclairhomeopathy.com/. I added a background image in color control that is set to scroll with vertical position 19 and horizontal position 50. When you view the home page the background image displays where I want it on each side of the slideshow. My question is how do is set this consistently across all site pages without having to upload this background image over and over again with customized setting for each page. As you navigate through some of the site pages you will see this background image shift up and down as pages differ in lengths. I always want this to be placed exactly on the sites of the slideshow just where it is on the home page. Can anyone assist me with this. Thank you Chules

Share this post


Link to post
Share on other sites

4 answers to this question

  • 0

Posted · Report post

The background image shifts across different different pages because the vertical/horizontal positioning will change according to page size (if the background attachment is fixed, I don't think the background will shift at all). You can use specific values using custom CSS for the background on each page, but that's not a very robust solution.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Yes but how can I set a fixed background image to display on the sides of the sideshow when pages vary in size length? What is the recommended method. It seems that if the vertical alignment were set from the top of the page it would make more sense. Any thoughts on how to achieve a consistent placement Thank you - chules

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi Chules, The reason for this is (I think) that your page height varies, so 19% vertically of 1400px is different to 19% of 900px in height. Therefore, I will add a feature enhancement on your behalf to the tracker to see if its possible to select either percentage or pixels when setting the position of your background. As a quick fix, please remove your background image from Color Control and add this to your custom CSS. [code]body { background:url(http://montclairhomeopathy.com/wp-content/uploads/2012/06/MainBg.png) 50% 100px scroll no-repeat; }[/code] Let me know if this works better for, also simply change the 100px in the code above, if the position isn't correct.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Danny, This worked great. It removed the body background color set in the color control menu but I added it to custom CSS as below: [code]body { background:url(http://montclairhomeopathy.com/wp-content/uploads/2012/06/MainBg.png) 50% 140px scroll no-repeat; background-color:#FEFFD8; }[/code] I think this would be a great feature enhancement to an already great product. Thank you for the assistance Chules

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  
Followers 0