background image not tiling

User 451163 Photo


Registered User
2 posts

Hi,

How can I prevent a background image from tiling? I use Visual Site Designer, and when my site is viewed with widescreen monitors, or monitors with higher resolution than the website disign, the background image get tiled. How can I prevent this?

Thanx,
Jeroen
User 122279 Photo


Senior Advisor
14,462 posts
Online Now

Could you please post a link to the page, so that we can study the code?
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 364143 Photo


Guest
5,410 posts

If the background image is placed via CSS, you can tell it not to repeat.

http://www.w3schools.com/css/css_background.asp
CoffeeCup... Yeah, they are the best!
User 451163 Photo


Registered User
2 posts

Thanks for your interest in my problem.
It is already solved by the great people from Coffecup:
The pointed out that one can put additional code into the page by:

To prevent the background from tiling, follow these steps:

1. Open your site in VSD.
2. Click Edit -> Edit Header.
3. Type this code in the window that pops up:

<style type="text/css">
body {
background-repeat: no-repeat;
background-color: YOURCOLOR;
background-position: top left;
}
</style>

Replace YOURCOLOR with whatever color you want. Make sure to keep the semi-colon at the end.

4. Click OK, then save and re-upload your site.

So this is indeed additional CSS code I suppose.
Anyway this solution saves me the trouble to edit the pages in notepad or an HTML editor, now I can do everything from within Visual Site Designer.

Jeroen.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.