Global Default Styles

Summary: Global Default Styles simplify your workflow by applying consistent site-wide accordion block designs. Configure options like padding, colors, font size, and spacing once—then reuse them across pages. Save your changes, reset defaults anytime, and preserve manual overrides for ultimate flexibility in content creation.

The Global Default Styles allow you to define the site-wide appearance for all accordion blocks. These styles are automatically applied whenever a new accordion is added — helping you keep design consistent and save valuable editing time.

🛠️ How to Access Default Styles

Before using the default styling system, make sure the Advanced Accordion Block plugin is installed and activated.

Go to:
Dashboard → Plugins → Installed Plugins
Ensure that Advanced Accordion Block is marked as Active.

🔹 Step 1: Open the Default Style Sidebar

In the block editor (Gutenberg), you’ll see an accordion icon in the top toolbar.

Click this icon to open the Default Style Sidebar.

---

🎨 Step 2: Configure Your Styles

Within the sidebar, you’ll find all the global design options:

• Padding
• Colors (background, text, border)
• Font size
• Spacing
• Borders and shadows

These styles will be applied to all new accordion blocks.

---

💾 Step 3: Save to Apply the Default Styles

Once you’ve configured your styles, click the Save button.

⚠️ If you don’t save, your changes won’t be applied.

After saving:

• The editor will automatically reload.
• All accordion blocks using default styles will update instantly.
• You must manually save the page/post afterward to keep these changes.

---

🧊 Step 4: Manual Overrides Stay Safe

If an accordion block has been styled manually, it will not be affected by the global default styles.

Only blocks using default styles will be updated.

---

🔁 Step 5: Reset to Initial Default Styles

At the bottom of the sidebar, you’ll find a Reset button.

Clicking Reset will bring back the original default style configuration (initial state).
Then you must click Save again to apply the reset.

📝 Important Note: After every Save (whether style update or reset), the editor reloads. To make your changes permanent on the page, remember to Save the post/page manually.

🧠 Why Use Default Styles?

The Default Style System is designed to make your workflow faster, more consistent, and scalable — especially when working across multiple pages or with a team.

Here’s why it matters:

• ✅ Save Time on Repetition
  You don’t need to reapply the same styles every time you add an accordion block. Set it once — it’s applied everywhere by default.
• 🎨 Maintain Visual Consistency
  Consistent padding, colors, and typography are crucial for a clean, professional look. Default styles ensure your design remains uniform across all pages.
• 🔄 Ideal for Teams and Clients
  Default settings create a “design baseline,” so even non-designers or content editors can add accordion blocks that match your site’s branding — without needing to touch styling options.
• 🛡️ Preserve Manual Customizations
  Any accordion block you manually styled won’t be overwritten. This ensures flexibility without compromising consistency.
• 🚀 Boost Productivity for Repetitive Content
  Whether you’re building FAQs, documentation pages, or sectioned layouts — having a default look speeds up content creation significantly.
• 🧩 Easy to Reset or Reconfigure
  With the built-in Reset and Save controls, you can confidently test or revise your styles knowing you can always return to a clean base.