How to add custom classes and CSS? – Betheme Support Center

How to add custom classes and CSS?

This tutorial will let you know about the customization possibilities of Betheme and the BeBuilder. Precisely on how to add custom classes, IDs and inline CSS to existing elements and how to use the inspector tool to modify the existing styles.


Upon editing the section in the BeBuilder, you will see all of the settings. In Advanced > Custom you will find options to add custom classes and a custom ID. Custom ID is used mostly to create one page sites with anchor scrolling, more information about this feature here.
Custom classes & IDs in section


BeBuilder wraps also have the possibility to add custom classes or IDs.

Custom classes & IDs in wrap


Moreover, you can can also set classes and IDs in elements settings.

Custom classes & IDs in element

Additional CSS

In this field you can add any additional CSS attributes you find useful for element.

Additional CSS

Custom CSS & JS

When you add a custom class to any of the BeBuilder elements, the next step is to write custom CSS or JS. In this case, it will be best to paste it all in:

GO TO WP Admin > Betheme > Theme options > Custom CSS & JS
Custom CSS in Theme Options

Want to change and existing class or ID?

If you do not want to add any custom classes or IDs, you can use the browser inspector tool and find out which class you should modify. Here is a quick video tutorial about how to use the inspector tool.

Try it now