How to Set a Row to Be Fullwidth (Divi)

How to Set a Row to Full Width in Divi

The Divi tool is a fantastic tool for building websites using WordPress, allowing users to easily customize rows to suit different design needs. In this article, we will learn how to set a row to be full width using Divi.

1. Step One: Add a New Row

The first step is to add a new row in the Divi page you are working on. To do this, you can click on the Add Row button in the Divi editor page. You will see several options for rows, such as regular rows or full-width rows.

2. Define the Row Settings

After adding the row, define its settings. At this stage, you will need to set the row to be displayed full width. To do this, click on the gear icon in the upper corner of the row and select the row settings.

3. Change Column Width to Full Width

In the row settings, you can specify it to be full width instead of the default width of other rows. To do this, select Full Width in the layout settings of the row. This step will make the row extend across the full width of the screen.

4. Use Custom CSS for Additional Customization

If you need additional customization, you can use custom CSS. For example, the following code can be used to make the row extend across the full width:

.fullwidth-row {
width: 100%;
margin: 0;
}

5. Save Changes and Review

After applying the settings, make sure to save the changes. You can now review the changes in the page interface to ensure that the row is being displayed fully as you wish.

By following these simple steps, you can easily set a row to be full width using Divi.