[SOLVED] Changing Icon Colors (black by default)

[Dmmjr]

Hey guys!

 

The small icons on prestashop (such as the home icon, print page icon, left/right arrows to navigate pictures on products, etc.) are black.

 

My template I have installed right now is black and you can't see them.

 

How can I change their colors to white?

 

I did use presta-theme-maker.com to create my template so my coding inside my files may be different than default.

 

THANKS GUYS!

Edited October 9, 2013 by Dmmjr (see edit history)

[PascalVG]

Dmmjr do you have a link to your site?

[Jiten rash (away)]

it will be in ur themes /img directory..

 

use photo shope and change every images color that are black

[vekia]

everything depends on your theme. Maybe it use different css styles images etc. so please share url to your website and then it will be much easier to say something more about it

[Dmmjr]

Removed.

Edited October 9, 2013 by Dmmjr (see edit history)

[Dmmjr]

I found the two arrows (i think) under my current theme/img/thumbs_left.png

 

I changed both thumbs_left.png and thumbs_right.png and uploaded them to the server. Unfortunately, no change occured on Prestashop. Maybe I'm doing something wrong or edited the wrong files.

 

EDIT: These are what I think to be the arrows on the product page to scroll through pictures, by the way.

 

EDIT2: Nevermind, it did work Had to clear my cache.

Edited October 9, 2013 by Dmmjr (see edit history)

[vekia]

you need to change images one by one, there is no other way

for example: http://www.cyberwarecomputers.com/store/themes/Ezujo/img/icon/home.png

you have to change colors to white and upload changed file to server.

exactly as with arrows

[Dmmjr]

Indeed, thanks for your help! I think I got it from here

[sw1ft25]

Hi,

 

I have another issue myself. I want to change those arrows with some small icons for each individual category.

 

Can it be done?

Edited December 3, 2013 by sw1ft25 (see edit history)

[vekia]

sorry for question: about what arrows you're talking? it's a bit old topic and i can't find here information about arrows :| 

sry for bothering

[PascalVG]

If you mean the arrows on your category block:

modules/blockcategories/img/arrow_right_2.png

just change with other picture

 

Or in blocktopmenu:

A little more tricky, as they use a sprite (combined images in one picture):

modules/blocktopmenu/img/arrows-ffffff.png

 

This is a width x height: 20 x 110 pxls sized image.

area from width: 0-10px, height: 0-10px is first image: arrow left, UNhovered

area from width: 11-20px, height: 0-10px is 2nd image: arrow left, hovered

 

area from width: 0-10px, height: 100-110px is 3rd image: arrow down, UNhovered

area from width: 11-20px, height: 100-110px is 4th image: arrow down, hovered

 

Hope that helps.

pascal

[sw1ft25]

Thank you for reply and sorry for bothering on this old topic. I played a bit with what you were pointing to and handled my way throught the code.

 

Thank you very much.

[PascalVG]

Hi sw,

so all works well now? If you have any more questions, don't hesitate to ask :-)

 

Happy selling,

pascal