Hi,
I am running OC 3.0.3.1. I would like to change the colors of the 'add to cart' button as well as the buttons in the checkout process. Can someone point me to the exact entries in the stylesheet that would do this?
Thank you.
Unspecified if OP is using custom themes. Look at the class names of each DIV objects where those buttons are initiated until it leads you to the right location from your stylesheet.css file.
Dedication and passion goes to those who are able to push and merge a project.
Regards,
Straightlight
Programmer / Opencart Tester
I have the default theme. What I am specifically looking for is what color the 'Continue' buttons in the checkout process have when I press them. I see that it is the btn-primary that controls this but I have already changed it but it has no affect. I must be missing something.
This is what I see for default button
Where else could one change the default OC blue color of button when they are pressed? Example of these buttons are the submit button in the contact page or the continue buttons in the checkout page.
Code: Select all
.btn-default {
color: #522306;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #da9100;
background-image: linear-gradient(to bottom, #ffcf70, #ffae0e);
background-repeat: repeat-x;
border-color: #ffae0e #ffae0e #ffcf70 #b7b7b7;
}
.btn-primary {
color: #522306;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #da9100;
background-image: linear-gradient(to bottom, #ffcf70, #ffae0e);
background-repeat: repeat-x;
border-color: #ffae0e #ffae0e #ffcf70;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
color: #522306;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #ffae0e;
background-position: 0 -15px;
border-color: #ffae0e #ffae0e #ffcf70;I could tell you. But I'm not going to.wafflemeister wrote: ↑Fri May 03, 2019 12:52 amI have the default theme. What I am specifically looking for is what color the 'Continue' buttons in the checkout process have when I press them. I see that it is the btn-primary that controls this but I have already changed it but it has no affect. I must be missing something.
Instead I'm going to say right-click the element you want, select Inspect, and that will show you the exact part of the stylesheet you need.
UK OpenCart Hosting | OpenCart Audits | OpenCart Support - please email info@antropy.co.uk
Once the changes applied from CSS, ensure to look at the console tab in the Inspect Element in case of noticeable error messages.
Dedication and passion goes to those who are able to push and merge a project.
Regards,
Straightlight
Programmer / Opencart Tester
