Joomla with Helix3 Framework, remove whitespaces above and below smartslider

Question

I am designing a new site in joomla using helix3 framework. In the "about us"section i use smartslider 3 and what i need is not to have any white spaces, above and bellow... if possible. Is there a way to do this !!!???
Thank you all in advance.
https://willow.edk.gr/index.php/about-en
enter image description here[![enter image description here][1]][1]

mickmackusa · Answer

You only need to modify the css.
By setting #sp-main-body { display: none; } the empty node is no longer rendered.
To specify a specific page, you can isolate the page by its itemid in the <body> tag.
To only modify the css on your home page, you can first target its unique body tag class then specify the deeper element to assign the new styling:
body.itemid-101 #sp-main-body {
    display: none;
}

See the element in your browser tools:

To implement this styling change, add/modify the custom.css file in the template's css folder.
A Google search will deliver lots of results that will confirm this guidance.

Add custom css to Helix3 and SP PageBuilder
I Am Having Issues Creating Custom Css Styles In Helix3
Custom CSS In Helix 3
How do Create Custom CSS Style in Helix Joomla Templates
...and many, many, many more.

Joomla with Helix3 Framework, remove whitespaces above and below smartslider

One Answer

Add your own answers!

Ask a Question