Esdras Posted April 4, 2012 Share Posted April 4, 2012 Hello, how do i change the color of the places in this image where i put a green square? i have been looking in the styles files and modules cant find where this color are located. in advance thanks for the help, the location of the code containing this color instructions is driving me crazy Link to comment Share on other sites More sharing options...
CartExpert.net Posted April 5, 2012 Share Posted April 5, 2012 Hello, The white bars above and beneath the image are part of the image. To have a different color you will need to edit php files or change the image of the product images and regenerate them. Background of the short description should be in product.css line 37. Background of the add to cart block should be in product.css line 75. Link to comment Share on other sites More sharing options...
Esdras Posted April 5, 2012 Author Share Posted April 5, 2012 the color for the imaged in wich php file is located? those are added by prestashop, when you upload the image. Link to comment Share on other sites More sharing options...
Flaunt Posted April 5, 2012 Share Posted April 5, 2012 If you want to change the background colour for the product images, you can try this free module that does exactly that - http://catalogo-onlinersi.com.ar/en/prestashop-modules/255-image-color-fill-prestashop.html Link to comment Share on other sites More sharing options...
Esdras Posted April 5, 2012 Author Share Posted April 5, 2012 thanks so much that waht i have been looking to do Link to comment Share on other sites More sharing options...
Flaunt Posted April 5, 2012 Share Posted April 5, 2012 Also, if you want to change the background color of the 'short description' box etc (next to the product image where you have indicated) you need to open up product.css Go to line: 113 and you'll find: #pb-left-column { float:left; margin-left:14px; width:255px add this after the last line (add a semi-colon on the end of 'width:255px; first or it won't work) - background:#000 (your colour choice here). Link to comment Share on other sites More sharing options...
Flaunt Posted April 5, 2012 Share Posted April 5, 2012 You might also want add a little padding to that code section to stop all the text from being right up against the left edge (more noticeable when you change the colour and you might aslo need to reduce the left margin there as well to compensate for the padding) Link to comment Share on other sites More sharing options...
Esdras Posted April 6, 2012 Author Share Posted April 6, 2012 thanks for the tips already changed the coded and it is looking better 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