How To Load CSS, js File on Special Page Builder in Magento 2

in my previous tutorial, I already introduce about “Create New Profile Page Builder in Magento 2”. If you want to “Load CSS, Js file for a Special Page Builder Profile Magento 2, you can do with 3 following steps:

  • Step1: Create CSS Files Folder
  • Step2: Edit Page Profile in BackendÂ
  • Step3: Clear Cache & Refresh Site

Get start!

Step 1. Create css files in folder:

/app/design/frontend/[Theme Vendor]/[Theme Name]/Ves_PageBuilder/web/css/sample/

for example:

/app/design/frontend/[Theme Vendor]/[Theme Name]/Ves_PageBuilder/web/css/sample/profile04.css

/app/design/frontend/[Theme Vendor]/[Theme Name]/Ves_PageBuilder/web/css/sample/footer02.css

Step 2. Load CSS File Special Page Builder Magento 2 in Backend

Open Magento 2 Page Builder Profile:

Admin Panel -> Venustheme -> Page Builder -> Manage Page Builder Profile -> Edit Page Profile:

Then open tab “CMS Page Information”. Then add code in “Layout Update XML” as this:

<head>
<css src=”Ves_PageBuilder::css/sample/profile04.css” />
<css src=”Ves_PageBuilder::css/sample/footer02.css” />
</head>

Then “Save the page profile”

Step 3. Clean Cache & Refresh Site

Go to System -> Cache Management -> Select All -> Submit

This tutorial already show you “How to How To Load CSS, js File on Special Page Builder in Magento 2”

MAGENTO 2 PAGE BUILDER TUTORIALs

SOME OTHER EXTENSIONS YOU MAYBE INTERESTED IN

RELATED POSTS

Nhu Quynh

Recent Posts

Automation Tools for Developers in 2026: The Ultimate List for Smarter, Faster Development

The pace in the software development landscape has never been faster. The world, in turn,…

18 hours ago

How to Manage Development Teams in a Growing Magento Agency

Growing Magento development agencies face increasing operational and technical complexities as teams expand rapidly. Multiple…

4 days ago

How Modern Businesses Can Transform Supply Chain Communication at Scale

The way companies exchange data with their trading partners can make or break operational efficiency.…

1 week ago

How Developers Can Master Modern Website Protection Without Losing Momentum

Modern websites are built to be fast, dynamic, and secure. At the same time, developers,…

1 week ago

Top Blockchain Platforms Every Developer Should Know in 2026

The blockchain development landscape has exploded with opportunities. Whether you're building decentralized apps, smart contracts,…

1 week ago

Powerful Benefits of IoT Integrating in Software Applications

Imagine a device that notifies you about all-day activities, reminds you to take your pills,…

2 weeks ago