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]

enter image description here


1 Answer 1


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:

enter image description here

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.

  • Thank you for your reply... Where do i make this change... for the css. ?
    – John G
    Commented Jul 22, 2020 at 10:32
  • I extended my answer. Commented Jul 22, 2020 at 10:39
  • Hello again, I added the custom code but the result is not the one expected. All details are lost ... from all menuitems such as, AboutUs / Destination etc. I see a white page.
    – John G
    Commented Jul 22, 2020 at 10:46
  • How about specifying only the front page... #sp-smart-slider-frontpage #sp-main-body {...}? Commented Jul 22, 2020 at 10:50
  • Νο ... No change at all... its like before the custom code edit. The problem is not in the frontpage... its in the Aboutus / Destinations etc sections.
    – John G
    Commented Jul 22, 2020 at 11:02

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.