Kurre Posted May 24, 2019 Share Posted May 24, 2019 osCommerce 2.3.4.1. CE Bootstrap How do I change the space between the categories in the categorie menu ? It is to big now.. Link to comment Share on other sites More sharing options...
♥JcMagpie Posted May 24, 2019 Share Posted May 24, 2019 change the css to reduce the padding or margin. Link to comment Share on other sites More sharing options...
Kurre Posted May 24, 2019 Author Share Posted May 24, 2019 Tnaks @JcMagpie but it did not change the padding between category names only the margin to the box. Link to comment Share on other sites More sharing options...
♥JcMagpie Posted May 24, 2019 Share Posted May 24, 2019 post your code or link to site it's quite straightforward, are you using BS3 or BS4? Link to comment Share on other sites More sharing options...
♥JcMagpie Posted May 24, 2019 Share Posted May 24, 2019 Done on BS4 but principal is same for BS3 give the class an id and make css changes in user.css Link to comment Share on other sites More sharing options...
MrPhil Posted May 24, 2019 Share Posted May 24, 2019 Be careful if you're reducing margins or padding when displaying on a touch-screen device like a phone. There's deliberately extra space there so that people with fat fingers won't accidentally tap the wrong entry. Reduce it too much, and you'll get lots of complaints that your site is unusable. Link to comment Share on other sites More sharing options...
René H4 Posted May 24, 2019 Share Posted May 24, 2019 Add this code to your user.css and play with the figures: #columnLeft .nav>li>a { position: relative; display: block; padding: 2px 15px; } I did not make it up, but I had the same problem when I still used the left nav panel. Someone added this for me... 🙂 Link to comment Share on other sites More sharing options...
peterbuzzin Posted May 24, 2019 Share Posted May 24, 2019 By all means do the below: 14 minutes ago, René H4 said: Add this code to your user.css and play with the figures: #columnLeft .nav>li>a { position: relative; display: block; padding: 2px 15px; } I did not make it up, but I had the same problem when I still used the left nav panel. Someone added this for me... 🙂 But it comes with the caveat that it will affect all nav li a in the left column and as MrPhil linked to I would only do it for desktop devices or you may suffer an accessibility penalty from search engines. To target only desktop/large screen devices use below which is the above code but amended with a media query. @media (min-width: 992px) { #columnLeft .nav>li>a { position: relative; display: block; padding: 2px 15px; } } If it still don't work, hit it again! Senior PHP Dev with 18+ years of commercial experience for hire, all requirements considered, see profile for more information. Is your version of osC up to date? You'll find the latest osC version (the community-supported responsive version) here. Link to comment Share on other sites More sharing options...
Kurre Posted May 27, 2019 Author Share Posted May 27, 2019 Thank you @peterbuzzin that worked out so good! Link to comment Share on other sites More sharing options...
SCH_001 Posted May 30, 2019 Share Posted May 30, 2019 @Kurre So it does not affect every where you are best to create your own like here line 40 in /includes/modules/boxes/bm_categories.php "mycatagory" $OSCOM_CategoryTree->setParentGroupString('<ul class="nav nav-pills nav-stacked" id="mycatagory">', '</ul>', true); The change #columnLeft to #mycatagory in user.css Link to comment Share on other sites More sharing options...
Kurre Posted May 31, 2019 Author Share Posted May 31, 2019 @supercheaphobb thanks, that is a better way! The shop I changed had only 2 menu boxes so I did not think of it. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.