Hi,

I have over 300 categories on my main site. When trying to use the category dropdown in the product admin page the list can be daunting.

Is it possible to style the font color for each level. It would be great to have the top level black, the second level green, third level purple etc., for example.

Also I would like to tighten up the list spacing a little.

Thanks

Hi

I don't think you would be able to style them separately as there is no separate css classes to hook into.

Do you mean you want less vertical spacing in the admin categories page listing?

Andy

Please feel free to review / rate our software

Hi,

Yes more vertical space in the listing.

Should I add a request for CSS Classes for the admin categories page listing in the suggestions forum? I think it would
be a big help.

Thanks

Sure, feel free to add any suggestions here https://www.ecommercetemplates.com/support/forum.asp?FORUM_ID=13

Andy

Please feel free to review / rate our software

I have a ton of categories, so this interests me.
I searched around for css to target by attributes. I found a handful of pages and this one is pretty good
https://css-tricks.com/almanac/selectors/a/attribute/

I opened up my ectadmincustom.css file and got this to work

select > option[value="258"] {
color: red;
background: yellow;
}

Where "258" is the category I targeted.
If you right click on the category drop down and select "inspect element" you will see these values there.

The thing is, I could not resize the text for that line, and I could not add padding there. But the change of color and highlight is quite helpful for finding the categories you hit the most.

If you do not already have a ectadmincustom.css in your admin, you can create one to add your custom .css
That is, as long as you are on a recent version of the cart.

Also important to note, in the admin when viewing the product details, yuo can type the first letter of the category to "jump" to that letter.
At least that works for me in firefox.

Hi,

That works great! It may take a little while to go thru all the categories, but I can custom color them the way I want.

Also, font-weight works also. Thanks!


I have another challenge along the same topic.........

on the view order page, in the shipping section, I want to be able to style the shipping method by type.

For example,
if 1 day overnight - style as red and bold
if 2 day - Style as blue and bold
if ground - no additional styling.

This way, special shipping stands out on the page so my people will not miss it when processing orders.

I found a small glitch, I have a category number 4 that also colors the order status dropdown for option 4 and the payment method option 4.

Is there a way to limit it to [Select name ="scat"] - just the categories dropdown.

Initially I was testing with

select[name="scat"] > option[value="258"] {
color: red;
background: yellow;
}

but it did not seem to work.
Although to be honest, I did not spend a lot of time on it.
It should work, can you give it a try?

Works great - Thanks