Website Building » Wix » How Do You Add Gridlines in Wix?

How Do You Add Gridlines in Wix?

Last updated on January 3, 2023 @ 9:59 pm

Adding gridlines to your Wix site is a great way to keep your content organized and easy to read. There are a few different ways to add gridlines, but the most common method is to use the HTML <p> tag.

To add gridlines to your Wix site, simply add the following code to the <head> section of your site:

GREAT NEWS:

Exciting update! We've collaborated with Wix to offer WBI users with a free plan for all website creation needs - Explore the details here.

<style>
p {border: 1px solid black;}
</style>

This code will add a black border around all of the paragraphs on your site. If you want to change the color of the border, simply replace "black" with the hex code for the color you want. You can also change the width of the border by changing "1px" to a different value.

If you want to add gridlines to just one section of your site, you can use the <div> tag instead of the <p> tag. Simply add the following code to the section you want to have gridlines:

<div style="border: 1px solid black;">
  ..content here.
</div>

You can also style the text within your gridlines using HTML tags. For example, if you want to make some text bold, you would use the <b> tag.

To make text underlined, you would use the <u> tag. And to make text italicized, you would use the <i> tag.

PRO TIP: Adding gridlines to your Wix site can be a great way to add structure and organization to your pages. However, it's important to be aware that too many gridlines can make your site look cluttered and unprofessional. When using gridlines, be sure to use them sparingly and only on pages where they will improve the overall look of your site.
Madison Geldart

Madison Geldart

Cloud infrastructure engineer and tech mess solver.