Guide: Adding Custom CSS and JavaScript to Semplice

Last Updated: Jun 27, 2017
If you would like to add custom CSS or JavaScript to Semplice, there are two ways to do it.

If you would like the CSS/JavaScript to affect the entire website:

Add it under Semplice > Advanced Styling > Custom CSS & JS

Under this section, you will find the following:

Custom CSS
Add any CSS here that you would like to affect the entire site, no matter the screen size.

Media Queries
You will find Desktop, Tablet Landscape, Tablet Portrait, Mobile Landscape, Mobile Portrait. You can add CSS to these to specifically target that screen size.

Custom Javascript
Add any JavaScript here that you would like to affect the entire site.

If you would like your CSS or JavaScript to only affect certain pages:

For CSS, when you navigate to Pages > (your page name) > Branding, you will find a box near the bottom titled 'Custom CSS'. If you enter CSS there, it will only affect that page.

For JavaScript, you can add a Code Module within the Content Editor to add JavaScript to a single page.
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
Invalid characters found