Applying a tiled background image to...

User 2745986 Photo


Registered User
15 posts

So I'm trying to change the color of a rectangle from the standard solid fill to a tiled pattern fill. The image I am trying to tile is attached. Is this possible in VSD?
Attachments:
User 187934 Photo


Senior Advisor
20,188 posts

Hi Kevin,
Yes you can do this.
Add a HTML box to your page.
Use the "Add Files" tool to add your image to your site. I add mine to a folder caller "images".
Now paste the code below to the Header HTML of that HTML box. Set the width height to what's needed and make the html box the same size.
<style>
#backer{
background-image: url("images/knitted-netting.png");
background-repeat: repeat;
width:600px;
height:400px;
}
</style>

Now paste the code below to the Body HTML of that same html box.
<div id="backer"></div>

Now preview .
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2745986 Photo


Registered User
15 posts

Awesome! Thanks for the quick reply. I was hoping I wouldn't have to get into the code much, but I might as well start learning. Thanks again!

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.