OpenCart Community

Hello, i have tried some changes in stylesheet.css and i can`t solve this by myself, so please help me to change the default black color of opencart cart button to something else.
I`m using default theme.
As an examle let it be green.
Here you can see how it is displayed right now:

look in catalog/view/theme/YOUR_THEME/stylesheet/stylesheet.css around line 503 look for

Thank you for your suggestion but nothing has changed after replacing

color #ffffff with #006400
or
background-color: #363636 with #006400

].btn-inverse {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #363636;

sorry you also need to comment out or remove background image and repeat so its just

You also may have to refresh the cache in bo/extensions/modifications.
Be aware this might put your site in maintenance mode

Thank you @cyclops12 you are helping me for the second time.
But why it is necessary to refresh my modification cache.
This is just manual intervention in stylesheet.css.
I`m not using ocmod or vqmod extension to change the color.
I just want to know in order to follow best opencart practices with which you are obviously closely familiar.

Your welcome, only happy to help if I can.
From what I gather it is something in versions 2 that sometimes if you make changes you need to refresh the cache. You may not need it all the time but just thought I would mention it

Hi @dragonaz, you may like my extension Live Theme Editor which will help you to customize the default theme visually. No need to know about code

cyclops12 wrote:look in catalog/view/theme/YOUR_THEME/stylesheet/stylesheet.css around line 503 look for

Code: Select all

.btn-inverse {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
}

Why is the shopping cart top button connected to ".btn-inverse" and why not "#cart > .btn" please kindly explain this.

Thank you for your time.

sunsys wrote:

cyclops12 wrote:look in catalog/view/theme/YOUR_THEME/stylesheet/stylesheet.css around line 503 look for

Code: Select all

.btn-inverse {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
}

Why is the shopping cart top button connected to ".btn-inverse" and why not "#cart > .btn" please kindly explain this.

Thank you for your time.

You would have to ask Daniel about that as he built the site

cyclops12 wrote:You would have to ask Daniel about that as he built the site

Ok fine thank you, at least can you please tell me that apart from ".btn-inverse" which all other buttons are involved in the top cart function.

I thank you for your time.

okay having looked into this a bit more it seems the cart button has various classes....
.btn
.btn-inverse
.btn-block
.btn-lg
AND id of
#cart.btn

#cart.btn adjusts font size, font color and line height

the rest are for borders,width,padding and background color etc

Hope this helps

cyclops12 wrote:okay having looked into this a bit more it seems the cart button has various classes....
.btn
.btn-inverse
.btn-block
.btn-lg
AND id of
#cart.btn

#cart.btn adjusts font size, font color and line height

the rest are for borders,width,padding and background color etc

Hope this helps

A complete and absolutely perfect answer, I thank you again for your insight in the matter and your help.

Happy to be of some help

OpenCart 3
Since this thread is related to color I thought I would pick up the thread. I have a blue outline that I am trying to fix on a button. I am changing the default blue color theme to gray and dark gray. I got most of colors solved except for this more difficult issue. When I click on a button I get a blue outline.
Graphic is here: https://www.doovertable.com/sandbox/Untitled-1.bmp