Design Academy / Getting Started / Best Practices / What NOT to Change in BeaverBuilder

What NOT to Change in BeaverBuilder

Row settings, column widths, global templates, and anything tagged with a layout class — off-limits for editors.

BeaverBuilder gives you access to a lot of settings — more than you’ll ever need as a content editor. Many of those settings control the design and layout of the page, not just the content. Changing them can break things in ways that are hard to fix. Here’s what to leave alone.

Row Settings

When you hover over a wide horizontal section of the page, you’ll see a row toolbar. Do not click into row settings. These control:

  • Background colors and background images for entire sections
  • Padding and spacing around sections
  • Row width and full-width vs. boxed layout
  • Responsive visibility (whether a row shows on mobile)

Column Settings

Inside rows, content is organized in columns. Column widths, padding, and alignment are part of the designed layout. Do not adjust them.

Global Templates and Saved Rows

Some rows and modules are marked as Saved or use a Global Template. These elements appear on multiple pages across the site. Editing a global element changes it everywhere it appears at once.

If you see a yellow star or a “Global” indicator on a row or module, contact your web admin before touching it.

Module Style Settings

Inside any module’s settings panel, there are tabs beyond “General” — typically Style and Advanced. These control typography, colors, spacing, and CSS. Leave these tabs alone.

CSS Classes

If you open a module and see a field labeled CSS Class or CSS ID, do not change it. These are tied to custom styling and functionality. Removing or changing them can break the visual design or JavaScript features on that element.

Drag and Drop

BeaverBuilder allows you to drag modules and rows to new positions. Do not do this. Moving content changes the layout of the page. Only use the pencil icon to edit content within its existing location.

💡 Tip: A good rule: only use the pencil icon (edit) on modules. If you’re clicking anything else on a module or row — the move handle, the duplicate icon, the delete icon — stop and think about whether that’s really what you want to do.

Related Topics

WordPress offers a convenient solution with its Media Library if you’re managing a youth sports website and need to handle...

How to Add A Page

2 min
Page Editing

Imagine a dynamic webpage for your youth sports team that’s as easy to build as playing with building blocks. With...

WordPress Dashboard

1 min
Dashboard, Website Basics

The WordPress Dashboard is the central hub for managing your WordPress website.

In the digital age, where information is a valuable commodity, securing your online presence is paramount. For WordPress site owners,...