valquiria23 Posted June 22, 2018 Share Posted June 22, 2018 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 Community Oscommerce fan You'll find the latest osC community version here. Link to comment Share on other sites More sharing options...
valquiria23 Posted June 22, 2018 Author Share Posted June 22, 2018 The same thing happens to me in the categories. any help is useful. kiss Valqui Community Oscommerce fan You'll find the latest osC community version here. Link to comment Share on other sites More sharing options...
♥JcMagpie Posted June 22, 2018 Share Posted June 22, 2018 Both use nav pills , so just add tis to user.css and change as required. .nav>li>a { padding-top: 5px; padding-bottom: 5px; } Link to comment Share on other sites More sharing options...
♥JcMagpie Posted June 22, 2018 Share Posted June 22, 2018 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; } Link to comment Share on other sites More sharing options...
Rwe Posted June 22, 2018 Share Posted June 22, 2018 @valquiria23 for only the footerbox i have this in my user.css : .footerbox .nav-stacked li {line-height:0.75} Link to comment Share on other sites More sharing options...
♥14steve14 Posted June 22, 2018 Share Posted June 22, 2018 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. REMEMBER BACKUP, BACKUP AND BACKUP Link to comment Share on other sites More sharing options...
burt Posted June 22, 2018 Share Posted June 22, 2018 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. Link to comment Share on other sites More sharing options...
♥JcMagpie Posted June 22, 2018 Share Posted June 22, 2018 Google offers some good rules to follow, https://developers.google.com/web/fundamentals/accessibility/accessible-styles Link to comment Share on other sites More sharing options...
Jack_mcs Posted June 22, 2018 Share Posted June 22, 2018 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. Support Links: For Hire: Contact me for anything you need help with for your shop: upgrading, hosting, repairs, code written, etc. All of My Addons Get the latest versions of my addons Recommended SEO Addons Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.