How to Fix: Unwanted Paragraphs in Flatsome Custom Product Layout

Struggling with unwanted paragraphs ruining your Flatsome product page layout? Learn a simple fix to keep your custom product page clean and conversion-friendly!

 •


Hey! It’s Seb de la Web, and today I’m going to help you fix a common issue with the custom product page layout in Flatsome. If you’ve noticed unwanted paragraphs or extra spaces showing up on your custom product page, this guide will show you exactly how to resolve it.

Step-by-Step Guide:

1. Identify the Problem

  • If you see random paragraphs (<P> tags) creating unnecessary gaps on your product page, it’s likely because of a formatting issue in your product layout. This can make your page less user-friendly, as it forces customers to scroll too much before finding the “Add to Cart” button.

2. Common Mistake

  • Many users try to edit the product layout by going to the WordPress editor (back end), then using the UX blocks in the visual/text editor. This can cause the editor to insert paragraphs automatically when switching between visual and text views.

3. Why Does This Happen?

  • When switching between views, the editor interprets line breaks as paragraphs. This issue arises because the UX Builder recognizes breaks and converts them into paragraphs during the update process.

4. The Correct Way to Edit the Product Layout

  • Do not edit the product layout from the WP Editor in the back end.
  • Instead, always go to the front end of your site. Open a product that’s part of the category you want to edit.
  • Once the product is open, click on “Edit Product Layout” with the UX Builder. This ensures that your layout remains clean and no unnecessary paragraphs are added.

5. Why This Fix Works

  • By directly using the UX Builder on the front end, you avoid the issue of WooCommerce data not being loaded correctly, which happens when you try to edit through the back end.
  • Following this method prevents the system from adding unwanted paragraph breaks, keeping your custom product layout tidy and professional.

6. Final Tip

  • Always edit the layout from the front end to prevent layout issues, and you’ll have a smooth, well-structured product page every time!

Hopefully, this quick fix helps you get rid of those annoying paragraphs! Let me know if you found this guide useful, and see you in the next video!

Continue learning

flatsome designs

200+ Free Designs

Get for free

Need a custom design? Hire Seb today

Get the #1 All In One Design Agency for Flatsome

Hire Seb & Tas