Footer Menu Gap - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Footer Menu Gap

Ahmed Balfaqih

Ahmed Balfaqih

Template 2 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.

0
6 Answers
Order by
Oldest Newest Votes
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #127578

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.

0
Pavel
Pavel
Accepted Answer
2 years ago #127591

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*/
}
0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #127702

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.

0
Ahmed Balfaqih
Ahmed Balfaqih
Accepted Answer
2 years ago #127608

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.

0
Pavel
Pavel
Accepted Answer
2 years ago #127629

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

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #127642

@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.

0