Staff replied Templates

Footer Menu Gap

Asked by Ahmed Balfaqih 3 years ago Last activity 3 years ago

Hello support,

I am redoing our website using the Helux Ultimate Template. If you look at this link (https://balfaqih.net/_dev/floox/), you will find that I have a a menu at the bottom. Two things I need to do:

  • The menu header (Digital Signage), I want it to be red.
  • The gap between each menu to be smaller.

How can I do that.
BTW, I am not using Floox template.

Thank you.

4 replies

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

Hi

Thanks for contacting us. Use this custom CSS


.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a{
   color: red !important;
}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    padding: 0 5px !important;
}

Go to system--> https://prnt.sc/tDbSUJh6LiGu --> Default template-->Template options--> https://prnt.sc/A5nlsBvCQsqs And add your CSS there.

-Regards.

Pavel
3 years ago

Hi Ahmed. The code provided by Mehtaz is not correct.

Here is right code:

#sp-bottom .sp-module .sp-module-title {
    color: red;  /*set value as you like*/
}
#sp-bottom .sp-module ul > li {
    margin-bottom: 10px; /*set value as you like*/
}
Mehtaz Afsana Borsha Staff
3 years ago

I thought he is talking about menu, that's why I gave it to him. Now I understand he is actually talking about footer. Sorry its my feault.

Ahmed Balfaqih Asked this
3 years ago

Thank you both for the answer.
Your are right Pavel, your answer was what I was looking forrward to.

BTW, are the names for their CSS classes they used are common accross all their templates?

Thanks.

Pavel
3 years ago

BTW, are the names for their CSS classes they used are common accross all their templates?

Hi. Yes they are common for Helix Ultimate based templates

Paul Frankowski Senior Staff
3 years ago · edited

@Ahmed,

It's worth to use Code Inspector from your browser then you can preview all used class names in seconds.

https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action

Firefox, Chrome, Edge has it :)

In general yes, all Helix Ultimate based templates have this same class names. Sometimes, however, there are some minor differences. Because some templates were made earlier, on an older version of HU.

Log in to reply.