Jump to content

[SOLVED] Problem changing the color of the "Add to cart" and "Check out" buttons


Recommended Posts

Hi everyone,

i was trying to change the color of the buttons (those of the title) from the yellow version to a... green version. I have no idea what to do. I tried to follow some guide, checked articles online but nothing seems to work. What can i do to change the color?

Anyone can help me please? My PrestaShop version is 1.5.6.0.

 

I even tried to sobstitute the iages i found in the "img" folder, but instead of yellow button i found green buttons, the ones i'd like to use! How can i use those?

 

Oh, i'm talking about the "default" theme, i'd like to modify that since i changed a lot of things and it's ok like it is (besides those buttons).

 

Thanks in advance ;)

Link to comment
Share on other sites

to change button colors you need to change images defined as background for these buttons:

input.button_mini, input.button_small, input.button, input.button_large, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, a.button_mini, a.button_small, a.button, a.button_large, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled {
position: relative;
display: inline-block;
padding: 5px 7px;
border: 1px solid #cc9900;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-weight: bold;
color: #000;
background: url(../img/bg_bt.gif) repeat-x 0 0 #f4b61b;
cursor: pointer;
}

it's a part of global.css file from defalult theme

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...