Joomla 4 With SpPageBuilder 4 - Change Background Color
Grzegorz Kordowski
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
Mehtaz Afsana Borsha
Accepted AnswerHi
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.
Rashida Rahman
Accepted AnswerHi 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
Accepted AnswerHi,
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
Accepted Answer@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