Updated: 12/23/2015There is now a Border Box element that can be found in the Weebly App Center. This makes the HTML instructions below outdated and no longer necessary but for the time those instructions will remain. Old HTML instructions:I have saw multiple people asking if there it was a way to add text or a paragraph to their Weebly site that had a box around it, or a background color with a border. Even if you are not familiar with custom HTML and CSS, there are a tools to help. Below you will find a short video to demonstrate this example, and to show you how to add it to your Weebly website.
This is a bit of text, that you will add to your site to explain the content of the page or product.
You may want this area to stand out. This is roughly 95% of the width of the area it is in, and it uses the content area default font styling. You can use a column elements to adjust it's width and positioning. To add a line break you simply add a 'greater than sign', the letter B the letter R than a 'less than sign' To learn more about CSS and HTML please visit Visit W3Schools! You can use the search feature in the top right corner to find what you're looking for if you're unfamiliar with the website. Don't Miss the demonstration video below! I will start with the basics.
The HTML: <div class="featurebox"> This is a bit of text, that you will add to your site to explain the content of the page or product. You may want this area to stand out. This is roughly 95% of the width of the area it is in, and it uses the content area default font styling. You can use a column elements to I just it's width and positioning.<BR><BR>To add a line break you simply add a 'greater than sign', the letter B the letter R than a 'less than sign' To learn more about CSS and HTML please visit <a href="http://www.w3schools.com/" target="_blank">Visit W3Schools!</a> You can use the search feature in the top right corner to find what you're looking for if you're unfamiliar with the website. Don't Miss the demonstration video below! </div> <BR> Here's an example
This is a bit of text, that you will add to your site to explain the content of the page or product.
You may want this area to stand out. This is roughly 95% of the width of the area it is in, and it uses the content area default font styling. You can use a column elements to adjust it's width and positioning. To add a line break you simply add a 'greater than sign', the letter B the letter R than a 'less than sign' To learn more about CSS and HTML please visit Visit W3Schools! You can use the search feature in the top right corner to find what you're looking for if you're unfamiliar with the website. Don't Miss the demonstration video below! Need Help? Weebly's Theme/Design help section: http://kb.weebly.com/html-css.html The Weebly custom HTML element: http://kb.weebly.com/custom-html.html W3Schools CSS Tutorials: http://www.w3schools.com/css/default.asp Don't forget to like and share!
5 Comments
4/8/2012 07:34:35 am
Oops, looks like the "menu button" generator I used in my example doesn't work in IE I'll have to find an alternate..
Reply
Janice Weisler
10/23/2014 01:16:56 am
Your movie does not play.
Reply
Jeffrey
10/23/2014 01:31:24 am
Hi Janice,
Reply
4/23/2016 11:27:14 pm
Thanks for this information, in am using html mode to write posts in my wordpress blog.
Reply
Your comment will be posted after it is approved.
Leave a Reply. |
By: Jeffrey T. Kastner
Blatherings
All
By Date
March 2022
|