solved Is it possible to custom css an individual page made with site builder?

alt=
@hello77957
5 years ago
56 posts
Hi, I would like to change the background and font colours of one individual page - I don't want the other pages i've created to change aswell. Can this be done?
updated by @hello77957: 04/30/19 11:25:50AM
brian
@brian
5 years ago
10,148 posts
Yes - each Site Builder page has a unique class added to the page container - i.e.

<div class="container sb-page-id-79">

Of course "79" is the ID and will be different for your page - just choose VIEW SOURCE and look for it.

So using CSS selectors - i.e.

.sb-page-id-79 .row {
    background-color: #333333;
}

You can target any specific area of the page. I'd recommend using your developer tools and you will see all the different classes and ids available on the page.


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
alt=
@hello77957
5 years ago
56 posts
Thanks Brian, I've tried using your example (obviously changing the page id) to target the widgets and it doesn't seem to work?
brian
@brian
5 years ago
10,148 posts
hello77957:
Thanks Brian, I've tried using your example (obviously changing the page id) to target the widgets and it doesn't seem to work?

It does work - you just have to make sure your CSS class names are correct and you can target individual widgets on the page. How are you adding the custom classes to your CSS?


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net

Tags