Joomla 4 with SpPageBuilder 4 - Change background color - Forum | JoomShaper
Solved SP Page Builder

Joomla 4 with SpPageBuilder 4 - Change background color

Asked by Grzegorz Kordowski 4 years ago Last activity 4 years ago

Hi,

Is there an easy way to change the background color of the whole page?
Is there any tutorial? I would expect this as the simplest thing on earth to do - but it doesnt look like joomla and SP Page Builder is cooperating... :(

Thank you,
GK

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff
4 years ago

Hi

Thanks for contacting us. Use this CSS on your custom.css file

body.site.com_sppagebuilder.wrapper-static.view-page.no-layout.no-task.itemid-103.com-sppagebuilder {
    background-color: black !important;
}

-Regards.

4 more replies

Oldest first Newest first Most helpful
Rashida Rahman Staff
4 years ago · edited

Hi there!

Did you mean the component area? Then which template you are using.

Our Helix Ultimate based templates has option to add background image/color for the coponent area within the Layout section of the Template Options.

The following doc is a related one:
https://www.joomshaper.com/documentation/helix-framework/helix-ultimate-2/layout-builder

You will get the background color/image option within the style of Main Body section settings.

Hope this helps!

Best Regards

Grzegorz Kordowski Asked this
4 years ago

Hi,

Thank you. I'm using the standard Cassiopeia
I was trying to add the Helix - but I've already created a mess - so I had to go back to Cassiopeia.

I've created and added custom.css - but not sure if in the correct location (‎/media/templates/site/cassiopeia/css/global/custom.css) as it is not working.

Thank you,
GK

Grzegorz Kordowski Asked this
4 years ago

@Mehtaz Afsana Borsha

Thank you - it is working when added to the Options -> Page Css - for the specific Page I'm working on.

Thank you!
GK

Mehtaz Afsana Borsha Staff
4 years ago

Hi

Glad to know that. You are most welcome.

Log in to reply.