I`m using default theme.
As an examle let it be green.
Here you can see how it is displayed right now:
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:
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
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;
}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;
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
Code: Select all
.btn-inverse {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #006400;
border-color: #222222 #222222 #000000;
}cart_button.JPG (37.42 KiB) Viewed 8863 times
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.
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
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 
http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension
Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme
Extra Positions PRO, Custom JavaScript, Custom CSS and others
Why is the shopping cart top button connected to ".btn-inverse" and why not "#cart > .btn" please kindly explain this.cyclops12 wrote:look in catalog/view/theme/YOUR_THEME/stylesheet/stylesheet.css around line 503 look forCode: 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; }
Thank you for your time.
Regards,
Sun Systems
Industrial Electronics and Instrumentation
You would have to ask Daniel about that as he built the sitesunsys wrote:Why is the shopping cart top button connected to ".btn-inverse" and why not "#cart > .btn" please kindly explain this.cyclops12 wrote:look in catalog/view/theme/YOUR_THEME/stylesheet/stylesheet.css around line 503 look forCode: 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; }
Thank you for your time.
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.cyclops12 wrote:You would have to ask Daniel about that as he built the site
I thank you for your time.
Regards,
Sun Systems
Industrial Electronics and Instrumentation
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
.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.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
Regards,
Sun Systems
Industrial Electronics and Instrumentation
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
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
Attachments
Capture.PNG (6.24 KiB) Viewed 5283 times
Capture.PNG (6.24 KiB) Viewed 5283 times
Who is online
Users browsing this forum: No registered users and 13 guests
