shinnokdrako Posted November 13, 2013 Share Posted November 13, 2013 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 More sharing options...
vekia Posted November 13, 2013 Share Posted November 13, 2013 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 More sharing options...
shinnokdrako Posted November 13, 2013 Author Share Posted November 13, 2013 (edited) Thanks for the answer vekia. You mean that: background: url(../img/bg_bt.gif) repeat-x 0 0 #f4b61b; ? I have to sobstitute that bg_bt.gif with an image i want and the button changes? Edited November 13, 2013 by shinnokdrako (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted November 13, 2013 Share Posted November 13, 2013 this is a background image, it is a small gold color image, you need to replace it with own button color Link to comment Share on other sites More sharing options...
shinnokdrako Posted November 13, 2013 Author Share Posted November 13, 2013 Great, thanks!! it works now Link to comment Share on other sites More sharing options...
vekia Posted November 13, 2013 Share Posted November 13, 2013 okay thank you for confirmation im going to mark this threa as [solved] with regards, Milos Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now