How To Create A Customized Border For An Image On Your Weebly Site
Sunday August 25, 2013 | Comments
Step 1. Add CSS Code
Click on Design at the top, and then click Edit HTML/CSS in the bottom left.
Click on main-style.css on the left, and then add the following code to the style sheet:
border: 1px solid #700ebe;
Note: If you want to customize your border, now is the time to do it. You can always come back later!
Step 2. Upload your image to Weebly
Click on Add new file(s) on the left and upload your image to Weebly. Once your image appears, right click on it and select Copy Image URL. You might need to come back and copy the URL again.
Step 3. Drag the EMBED CODE badge to your page
Drag the EMBED CODE badge to your desired location.
Step 4. Add your content
Insert the following code into the EMBED CODE badge.
Then insert the URL for the image you uploaded to Weebly in the orange:
<div id="border" align="center" style="padding-top:10px";><IMG SRC="INSERT YOUR IMAGE'S URL HERE"></div>
You're done! Publish your site
Details of Project
Level of difficulty: Intermediate
Time to complete: 10 Minutes
How To Install Any Font Into Your Weebly Site
Updated on June 20, 2016
How To Create A Sidebar That Will Appear On Every Standard Weebly Page
Updated on June 11, 2016
How To Create An "<h1>" Tag In Your Weebly Site
Updated on July 9, 2016
Weebly Tricks on Facebook
Weebly Tricks on Google+