SP page builder content being restricted by template container - Forum | JoomShaper
Staff replied SP Page Builder

SP page builder content being restricted by template container

Asked by Mike Lawson 3 years ago Last activity 3 years ago

Hello

I am using SPPB in my website using an "older" Joomshaper template called Maxima. When creating a new Row I wanted to have a background color for the row, but usually the color (image, gradient etc) would be full width and the content within would be subject to the container width. In this case, everything is being closed inside the template container..even my background color settings. HEre is the example:https://heatingandcoolingservice.com/component/sppagebuilder/page/1

The row with orange background (...specials!) ..as you can see, the entire row is being closed in the template container. Is there any customization I can use so my SP content will override the template container and work independently? Thanks

12 replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
3 years ago

Hi

Thanks for contcating us. Could you please give me a screenshot of your issue?

-Regards.

Mike Lawson Asked this
3 years ago

A screenshot of what exactly? I included the url in the message.

Mehtaz Afsana Borsha Staff
3 years ago

Are you talking about this portion? What do you want actually? Do you want it full width?

Mike Lawson Asked this
3 years ago · edited

I want the background color to be full width...like it's supposed to be in SPPB. The template .container declaration is keeping it from doing so. This is my template setting: https://prnt.sc/5Z39blSfr9Oy

Mike Lawson Asked this
3 years ago

fluid row setting doesn't affect the background image/color, only the content within the row. I need help removing the template container so the background color is full width.

Mehtaz Afsana Borsha Staff
3 years ago

Is this solved now?

Mike Lawson Asked this
3 years ago

No, I just removed the orange background color..Ill add it again if you need to look at it.

Mehtaz Afsana Borsha Staff
3 years ago

Give me your super admin access please. And yes please add it also.

Mike Lawson Asked this
3 years ago

Hello, the login is in the hidden content

Rashida Rahman Staff
3 years ago · edited

Hi there!

Thanks for your query.

If you bound the container width in the template settings, then SPPB settings will not override it as SPPB works within the component area. Outside the component area is under template's control.

One thing you can do is, you may left your template as fulwidth and then you can choose from SPPB sections that if you want that specific row as fulwidth or not. But as I can see you are using a really old template here, based on Helix V2, which is not supported anymore. This template doesn't have fullwidth option I think.

CSS customization can be done by playing with negative margin of that section, but maybe it won't be perfect for responsiveness of the website.

https://prnt.sc/rQBwS9oB9sxN

After setting negative margin you can play with the container width of the specific section if needed:

https://prnt.sc/khEzXR5wlHq-

Hope you understand.

Best Regards

Log in to reply.