How can we help you today?

How to Insert Custom CSS into a Page Builder Element? (Basic Tutorial)


  • You have an inserted ShortPoint element which you want to modify with custom CSS.

Step 1: Copy the Custom CSS Coding

Highlight the coding and copy it. Make sure not to miss anything out :)

Step 2: Open the settings of the ShortPoint Element

In edit mode, press the cog wheel of the element you want to modify.

You will see that the Settings tab have opened.

There will be several tabs. Switch to Custom CSS tab:

Step 3: Paste your custom CSS

Paste the custom CSS coding into the Custom CSS field like this:

Step 4: Update and Save

Press Update in the bottom right corner of the element and save the page.

Done! Now you're ready for some awesome CSS customization.

Please find here our collection of Custom CSS solutions.

Check our advanced article about Custom CSS here.

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.

World's best intranet sites are designed using ShortPoint

Get started today! Learn more
See all 52 topics

Start a trial

Ignite your vision. Install ShortPoint directly on your site, or play in sandbox mode. No credit card required.

Get started today

World’s best intranet sites are designed using ShortPoint

Thousands of companies using ShortPoint everyday to design, brand and build award winning intranet sites.

Get started Learn more