I want to reduce the height of the Categories box as I have many categories which requires a long scroll down.
If the box outline is removed would that decrease the height?
Reduce height of boxes in the Categories column
-
- VIP Member
- Posts: 1996
- Joined: Mon Oct 07, 2019 4:39 am
- : Buy Me A Beverage
- Has thanked: 26 times
- Been thanked: 175 times
Re: Reduce height of boxes in the Categories column
IMO it would be better to reorganise your categories so there are fewer - read User Guide - https://phoenixcart.org/phoenixcartwiki ... Categories
-
- VIP Member
- Posts: 549
- Joined: Fri Oct 25, 2019 7:01 pm
- Has thanked: 8 times
- Been thanked: 49 times
Re: Reduce height of boxes in the Categories column
You can alter the size of the text in the box, and also the spacing between the text, but that then affects how the box works on smaller screens. Google may also penalise you as the text could be too close together making the site hard to use on mobile devices. For that reason alone its best to leave the spacing as its set in core.
I don't know what your settings are but have a look in your admin area modules - boxes - categories and see if you have 'Maximum Level of Nesting' set to 1. The box will then only show the top level categories and if one is clicked the sub categories show on the index page rather than in a big long list in the column categories box.
As others have said, if possible, alter your first level categories so there are less and have more 2nd, 3rd and more sub category levels.
I don't know what your settings are but have a look in your admin area modules - boxes - categories and see if you have 'Maximum Level of Nesting' set to 1. The box will then only show the top level categories and if one is clicked the sub categories show on the index page rather than in a big long list in the column categories box.
As others have said, if possible, alter your first level categories so there are less and have more 2nd, 3rd and more sub category levels.
Re: Reduce height of boxes in the Categories column
You can add a css style to the file templates/override/static /user.css. Below is an example:
.bm-categories .list-group {
max-height: 200px;
overflow-y: auto;
}
.bm-categories .list-group .list-group-item {
min-height: 50px;
}
I am from a land of Melayu, Cina and Tamil