---
title: How to Add Custom CSS in Page Builder
description: Customizing your event pages using CSS allows for greater design flexibility. This guide walks you through adding or updating custom CSS within the Page Builder.
---

[Skip to content](https://help.vfairs.com/knowledge/how-to-add-custom-css-in-page-builder#main-content)

English

Show submenu for translations

[Customer portal](https://support.vfairs.com/care?hsLang=en)

Open main navigation

Close main navigation

- English
  
  Show submenu for translations
- [Customer portal](https://support.vfairs.com/care)

 Welcome to vFairs Help Center

- There are no suggestions because the search field is empty.

1. [Help Center](https://help.vfairs.com/knowledge?hsLang=en)
2. [Event Website & Landing Pages](https://help.vfairs.com/knowledge/event-website-landing-pages?hsLang=en)

# How to Add Custom CSS in Page Builder

## Customizing your event pages using CSS allows for greater design flexibility. This guide walks you through adding or updating custom CSS within the Page Builder.

<iframe src="https://player.vimeo.com/video/1073508894?autoplay=1&amp;loop=1" width="426" height="230" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media" title="2025-04-08-How_to_Add_Custom_CSS_in_Page_Builder" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: none;"></iframe>

### 1. Access the Page Builder

- Navigate to **Event Content** in the event dashboard.
- Click on **Page Builder** to open the customization options.

![](https://help.vfairs.com/hs-fs/hubfs/image-png-Mar-28-2025-11-37-01-7310-AM.png?width=292&height=354&name=image-png-Mar-28-2025-11-37-01-7310-AM.png)

### 2. Open the Page Builder Editor

- Click on the **Page Builder Editor** button to enter the editing interface.

![](https://help.vfairs.com/hs-fs/hubfs/image-png-Mar-28-2025-11-37-56-3807-AM.png?width=688&height=332&name=image-png-Mar-28-2025-11-37-56-3807-AM.png)

### 3. Access the Custom CSS Section

- Scroll down to locate the **Custom CSS Dropdown**.
- Click on the dropdown to expand the **Custom CSS** section.

![](https://help.vfairs.com/hs-fs/hubfs/image-png-Mar-28-2025-11-38-59-5598-AM.png?width=292&height=508&name=image-png-Mar-28-2025-11-38-59-5598-AM.png)

### 4. Add or Update Custom CSS

- Enter or update the CSS code in the provided text area.

![](https://help.vfairs.com/hs-fs/hubfs/image-png-Mar-28-2025-11-41-03-0229-AM.png?width=292&height=211&name=image-png-Mar-28-2025-11-41-03-0229-AM.png)

- Click on the **Save Changes** button to apply the updates.

![](https://help.vfairs.com/hs-fs/hubfs/image-png-Mar-28-2025-11-41-55-9905-AM.png?width=292&height=326&name=image-png-Mar-28-2025-11-41-55-9905-AM.png)

#### Outcome

Your custom CSS has been successfully applied, allowing for enhanced styling and a more customized event page appearance.

- [Organization Management](https://help.vfairs.com/knowledge/organization-management?hsLang=en)
- [Event Setup & Navigation](https://help.vfairs.com/knowledge/event-setup-navigation?hsLang=en#main-content)

    - [Document Library](https://help.vfairs.com/knowledge/event-setup-navigation?hsLang=en#document-library)
    - [Translations And Labels](https://help.vfairs.com/knowledge/event-setup-navigation?hsLang=en#translations-and-labels)
- [Attendee Management](https://help.vfairs.com/knowledge/attendee-management?hsLang=en)
- [Agenda Management](https://help.vfairs.com/knowledge/agenda-management?hsLang=en#main-content)

    - [Session Management](https://help.vfairs.com/knowledge/agenda-management?hsLang=en#session-management)
    - [Speaker Management](https://help.vfairs.com/knowledge/agenda-management?hsLang=en#speaker-management)
- [Speaker Management](https://help.vfairs.com/knowledge/speaker-management?hsLang=en)
- [Event Website & Landing Pages](https://help.vfairs.com/knowledge/event-website-landing-pages?hsLang=en#main-content)

    - [Web Page Management](https://help.vfairs.com/knowledge/event-website-landing-pages?hsLang=en#web-page-management)
- [Registration & Ticketing](https://help.vfairs.com/knowledge/registration-ticketing?hsLang=en#main-content)

    - [Registration](https://help.vfairs.com/knowledge/registration-ticketing?hsLang=en#registration)
    - [Ticketing](https://help.vfairs.com/knowledge/registration-ticketing?hsLang=en#ticketing)
    - [Payments](https://help.vfairs.com/knowledge/registration-ticketing?hsLang=en#payments)
- [Exhibitor Management](https://help.vfairs.com/knowledge/exhibitor-management?hsLang=en#main-content)

    - [Booth Negotiation](https://help.vfairs.com/knowledge/exhibitor-management?hsLang=en#booth-negotiation)
    - [Task Management](https://help.vfairs.com/knowledge/exhibitor-management?hsLang=en#task-management)
    - [Booth Management](https://help.vfairs.com/knowledge/exhibitor-management?hsLang=en#booth-management)
    - [Document / Video](https://help.vfairs.com/knowledge/exhibitor-management?hsLang=en#document-video)
    - [Jobs](https://help.vfairs.com/knowledge/exhibitor-management?hsLang=en#jobs)
- [Sponsor Management](https://help.vfairs.com/knowledge/sponsor-management?hsLang=en)
- [Networking](https://help.vfairs.com/knowledge/networking?hsLang=en#main-content)

    - [Chat](https://help.vfairs.com/knowledge/networking?hsLang=en#chat)
    - [Chat Queue](https://help.vfairs.com/knowledge/networking?hsLang=en#chat-queue)
    - [Video Matchmaking](https://help.vfairs.com/knowledge/networking?hsLang=en#video-matchmaking)
    - [Reports](https://help.vfairs.com/knowledge/networking?hsLang=en#reports)
    - [Meeting](https://help.vfairs.com/knowledge/networking?hsLang=en#meeting)
- [Engagement](https://help.vfairs.com/knowledge/engagement?hsLang=en#main-content)

    - [Certificate Management](https://help.vfairs.com/knowledge/engagement?hsLang=en#certificate-management)
    - [Scavenger Hunt](https://help.vfairs.com/knowledge/engagement?hsLang=en#scavenger-hunt)
    - [Notifications](https://help.vfairs.com/knowledge/engagement?hsLang=en#notifications)
    - [Survey](https://help.vfairs.com/knowledge/engagement?hsLang=en#survey)
    - [LeaderBoard](https://help.vfairs.com/knowledge/engagement?hsLang=en#leaderboard)
    - [Quiz](https://help.vfairs.com/knowledge/engagement?hsLang=en#quiz)
- [Reports & Analytics](https://help.vfairs.com/knowledge/reports-analytics?hsLang=en#main-content)

    - [Registration and Ticketing](https://help.vfairs.com/knowledge/reports-analytics?hsLang=en#registration-and-ticketing)
    - [User Journey Tracker](https://help.vfairs.com/knowledge/reports-analytics?hsLang=en#user-journey-tracker)
    - [Post Event PDF Report](https://help.vfairs.com/knowledge/reports-analytics?hsLang=en#post-event-pdf-report)
    - [Survey](https://help.vfairs.com/knowledge/reports-analytics?hsLang=en#survey)
    - [Cross Event Report & Reporting 360](https://help.vfairs.com/knowledge/reports-analytics?hsLang=en#cross-event-report-reporting-360)
- [Marketing](https://help.vfairs.com/knowledge/marketing?hsLang=en#main-content)

    - [Email Campaigns](https://help.vfairs.com/knowledge/marketing?hsLang=en#email-campaigns)
    - [System Emails](https://help.vfairs.com/knowledge/marketing?hsLang=en#system-emails)
    - [SMS Campaign](https://help.vfairs.com/knowledge/marketing?hsLang=en#sms-campaign)
    - [AI Assistant](https://help.vfairs.com/knowledge/marketing?hsLang=en#ai-assistant)
    - [Social Meta](https://help.vfairs.com/knowledge/marketing?hsLang=en#social-meta)
    - [Web Notifications](https://help.vfairs.com/knowledge/marketing?hsLang=en#web-notifications)
- [Accommodation & Budget Management](https://help.vfairs.com/knowledge/accommodation-budget-management?hsLang=en#main-content)

    - [Accommodation](https://help.vfairs.com/knowledge/accommodation-budget-management?hsLang=en#accommodation)
- [Attendee Mobile App](https://help.vfairs.com/knowledge/attendee-mobile-app?hsLang=en#main-content)

    - [Event Assistant](https://help.vfairs.com/knowledge/attendee-mobile-app?hsLang=en#event-assistant)
    - [Getting Started & App Access](https://help.vfairs.com/knowledge/attendee-mobile-app?hsLang=en#getting-started-app-access)
    - [Build & Customize Your App](https://help.vfairs.com/knowledge/attendee-mobile-app?hsLang=en#build-customize-your-app)
    - [Legacy App](https://help.vfairs.com/knowledge/attendee-mobile-app?hsLang=en#legacy-app)
    - [Sessions & Event Content](https://help.vfairs.com/knowledge/attendee-mobile-app?hsLang=en#sessions-event-content)
    - [Engagement & Networking](https://help.vfairs.com/knowledge/attendee-mobile-app?hsLang=en#engagement-networking)
    - [Event Operations & Insights](https://help.vfairs.com/knowledge/attendee-mobile-app?hsLang=en#event-operations-insights)
- [Lead Capture App](https://help.vfairs.com/knowledge/lead-capture-app?hsLang=en#main-content)

    - [Reporting 360](https://help.vfairs.com/knowledge/lead-capture-app?hsLang=en#reporting-360)
- [Badge Printing & Check-in App](https://help.vfairs.com/knowledge/badge-printing-check-in-app?hsLang=en#main-content)

    - [Printers](https://help.vfairs.com/knowledge/badge-printing-check-in-app?hsLang=en#printers)
    - [Badge Design](https://help.vfairs.com/knowledge/badge-printing-check-in-app?hsLang=en#badge-design)
- [Integrations](https://help.vfairs.com/knowledge/integrations?hsLang=en#main-content)

    - [Custom Workflow](https://help.vfairs.com/knowledge/integrations?hsLang=en#custom-workflow)
- [E-commerce](https://help.vfairs.com/knowledge/e-commerce?hsLang=en#main-content)

    - [Product Management](https://help.vfairs.com/knowledge/e-commerce?hsLang=en#product-management)
    - [Allowance Negotiation](https://help.vfairs.com/knowledge/e-commerce?hsLang=en#allowance-negotiation)
- [Venue Builder](https://help.vfairs.com/knowledge/venue-builder?hsLang=en)
- [Abstract Management](https://help.vfairs.com/knowledge/abstract-management?hsLang=en)
- [Group Meeting](https://help.vfairs.com/knowledge/group-meeting?hsLang=en)
- [Exhibitor Portal](https://help.vfairs.com/knowledge/exhibitor-portal?hsLang=en#main-content)

    - [Booth](https://help.vfairs.com/knowledge/exhibitor-portal?hsLang=en#booth)
- [Search Attendee](https://help.vfairs.com/knowledge/search-attendee?hsLang=en)
- [Data Tags](https://help.vfairs.com/knowledge/data-tags?hsLang=en)
- [Organization Website](https://help.vfairs.com/knowledge/organization-website?hsLang=en)
- [AI Tools](https://help.vfairs.com/knowledge/ai-tools?hsLang=en)

[![vfairs-logo-landscape-gradient-5 (3)-1](https://help.vfairs.com/hs-fs/hubfs/vfairs-logo-landscape-gradient-5%20(3)-1.webp?width=107&height=44&name=vfairs-logo-landscape-gradient-5%20(3)-1.webp "vfairs-logo-landscape-gradient-5 (3)-1")](http://vfairs.com)

vfairs.com Help Center

<https://www.linkedin.com/company/vfairs>

Copyright © 2026, vFairs LLC