Post by info@canipro.com » Mon Aug 21, 2023 4:11 am

Hi! Where (folder and file) I can edit category menu color?
Last edited by info@canipro.com on Mon Aug 21, 2023 6:51 pm, edited 2 times in total.


Posts

Joined
Sun Aug 20, 2023 9:40 am

Post by softmonke » Mon Aug 21, 2023 9:51 am

The URL to the image you've included is not valid and redirects to your cPanel login - I would suggest you remove the link.

If you are referring to the blue menu bar at the top like in https://demo.opencart.com/, you should be able to change the colour by modifying the stylesheet "stylesheet.css" located in "catalog/view/stylesheet". Look for the "#menu" id.

If you are referring to the left menu like in https://demo.opencart.com/index.php?rou ... gb&path=24, that's the default bootstrap styling, and you will have to modify "stylesheet.css" to add in your own CSS rules.

Check out our ever-growing list of extensions for OpenCart here.
Some useful extensions for a better admin experience: Image File Manager ProDrag & Drop Sort Order

Reach out to us at hello@softmonke.com for your OpenCart web development needs or feedback for our extensions.


User avatar
Active Member

Posts

Joined
Tue May 23, 2023 4:42 am


Post by info@canipro.com » Mon Aug 21, 2023 6:52 pm

Ok thank you softmonke


Posts

Joined
Sun Aug 20, 2023 9:40 am

Post by color20 » Thu Nov 21, 2024 5:10 am

Hello

how to change the colour of left category menu ? How to modify the code ?

best regards
C

Attachments

cattegory.png

cattegory.png (53.4 KiB) Viewed 1329 times


Newbie

Posts

Joined
Thu May 09, 2013 11:10 pm

Post by by mona » Thu Nov 21, 2024 8:46 am

css questions require OC versions and links to sites
new questions require new posts, but ok I can see why you posted here.
there are lots of colours

In order to answer the question as best as is possible
they are called list-group-item
and they can be found both in catalog/view/javascript/css/bootstap.min.css & catalog/view/theme/default/stylesheet.css

NOTE: You do not change bootstrap and should not change stylesheet
You should create a custom css file or at a minimum use stylesheet.css to override bootstrap.

DISCLAIMER:
You should not modify core files .. if you would like to donate a cup of coffee I will write it in a modification for you.


https://www.youtube.com/watch?v=zXIxDoCRc84


User avatar
Expert Member

Posts

Joined
Mon Jun 10, 2019 9:31 am

Post by color20 » Fri Nov 22, 2024 4:38 am

by mona wrote:
Thu Nov 21, 2024 8:46 am
css questions require OC versions and links to sites
new questions require new posts, but ok I can see why you posted here.
there are lots of colours

In order to answer the question as best as is possible
they are called list-group-item
and they can be found both in catalog/view/javascript/css/bootstap.min.css & catalog/view/theme/default/stylesheet.css

NOTE: You do not change bootstrap and should not change stylesheet
You should create a custom css file or at a minimum use stylesheet.css to override bootstrap.
thx, it worked like a charm :)

Newbie

Posts

Joined
Thu May 09, 2013 11:10 pm
Who is online

Users browsing this forum: paulfeakins and 4 guests