Hi guys,
I am quite unsuccessful in creating a full-width page like it is for example your page at https://www.joomshaper.com/page-builder
Whatever I do, I end up with white border around the entire web page, even when I just import your ready made layout, like on my development test page https://www.znalac.hr/
I tried enabling and disablig "Fluid Row" option but still - it's not working. Any hints? Thanks...
Hi,
You forgot about important fact, all components are displayed inside template styles, so if template have prepared/set padding or margin for component area, you cannot from component settings change that.
It's box in box theory. Is now all clear?
So now you would ask me: how to solve it?
Yes, it's still possible. But for your Cassiopea template you have to use custom CSS, for example
body.com_sppagebuilder.wrapper-fluid .site-grid {grid-gap: 0; }
body.com_sppagebuilder main {margin-top: 0 !important;}How to use Custom CSS inside Cassiopea template? Read in Joomla.org documenation. It's not our product.
Yeah! It works. Thanks a lot!
I'm probably not going to be the last one to ask this (quite basic) question, so here is for a future reference a short YouTube video "Where to Put Custom CSS in the Joomla 4 Template Cassiopeia". Maybe it'll be of use to someone in the future as it was for me :)
https://www.youtube.com/watch?v=0c2iNnszWuc
Many thanks, kind regards...
That Tip and more are also here: https://magazine.joomla.org/all-issues/february-2022/joomla-4-cassiopeia-template-a-bunch-of-tips-tricks
offcial resources.
thx for video.