How do I change the properties of a row?
BEE Pro becomes Beefree
We're still the same design suite you know and love, just with a new name. Our team is working hard to update our documentation, but you might still see some information or screenshots that are out of date.
This article applies to both versions of the builder in all plans.
Every design created in Beefree includes at least one row. Rows are the primary structural element for any email or page you create in Beefree. Any content block that you drag and drop onto the builder stage is placed into a row.
Rows allow your design to be mobile-responsive. They adjust their width automatically to fit the screen of the device that the design is viewed on. In other words, there are no hard-coded values applying to row size. You can see this behavior with both the builder stage and export output.
By selecting an entire row, you can apply design elements to several content blocks at the same time. Here's how you can select and work with rows:
1. Hover your mouse over an empty area on the stage, either to the left or right of the content area width.
2. Click outside of the content area to select the entire row.
Once selected, the builder sidebar will reflect several row properties. You can use these options to apply design elements to the entire row. These options are broken up into sections to help you better identify them:
- Row background color
- Content area background color
- Row background image
- Content area rounded corners
- Content area border
- Vertical align
- Mobile optimization options
- Column background
- Column padding
- Column border
*Only available in Team & Enterprise accounts. This section only populates if you enable display conditions in your account settings.
Each column within a row has its own Columns Structure option. You can learn more about using columns in Column management.
If you have any questions, feel free to contact us.