change the distance between footer information links

[valquiria23]

Hello, I hope you are all very well.

I want to change the distance between the links in the footer_information_links module.
I want to eliminate the current distance between the links so that they are more close each other.

 

Your help is appreciated in advance.

regards

Valqui

[valquiria23]

The same thing happens to me in the categories. any help is useful.

kiss
Valqui

[♥JcMagpie]

Both use nav pills , so just add tis to user.css and change as required.

.nav>li>a {
    padding-top: 5px;
    padding-bottom: 5px;
}

[♥JcMagpie]

sorry that will affect all nav pills, to only affect the 2 you are after use this.

.nav-stacked>li>a {
    padding-top: 3px;
    padding-bottom: 3px;
}

[Rwe]

@valquiria23

for only the footerbox i have this in my user.css :

.footerbox .nav-stacked li {line-height:0.75}

[♥14steve14]

Just be aware that if you alter the spacing you may get reports from google when testing your site for mobile devices that the spacing is too small. What its saying is that on small screens people wont be able to correctly hit the correct line. It will be the same where there are lists of links such as categories, footer links, the information box and where ever else they can be found.

[burt]

20 minutes ago, 14steve14 said:

Just be aware that if you alter the spacing you may get reports from google when testing your site for mobile devices that the spacing is too small. What its saying is that on small screens people wont be able to correctly hit the correct line. It will be the same where there are lists of links such as categories, footer links, the information box and where ever else they can be found.

YESSSSS!  This.  SO much this.  Thanks @14steve14

People; everything that you see in the basic Responsive Build is done for a reason, always be aware of this before offering solutions that will cause problems.

[♥JcMagpie]

Google offers some good rules to follow,

https://developers.google.com/web/fundamentals/accessibility/accessible-styles

[Jack_mcs]

valquiria23 In the footer template file, you can change

<ul class="nav nav-pills nav-stacked">

to

<ul class="list-unstyled">

You have to change it in each file so it isn't as convenient as styling the existing class but it provides proper spacing in responsive mode.