Return to previous page

Annoying detail, Switch Sprite - by ianstudio

This topic has 10 replies, 3 voices, and was last updated 10 years ago ago by Robert Hall

ianstudio

Participant

September 10, 2014 at 12:58

Hello,
annoying little detail about the shop layout Switcher

The switch-sprite.png images (dark or light) are set up as positive letting negative transparent areas be the “icon” by letting the css-specified color show through.. So when someone uses a background pattern for their page like me, the area surrounding the “icon” is white (in my case).. which of course looks pretty bad.

It would be good IMO to build this differently so it’d be easier to just tweak css to change appearance, by loading positive image states/icons rather than an image where the background is colorised and shown through the transparency.

It’s a tiny detail yet one tiny detail at a time someone can end up spending a lot of time customising stuff.

THX

PS: IMO icons should be font-based vectors..

#14872 Copied

9 Answers
Eva Kemp

Support staff

September 11, 2014 at 17:39
Hello,

If such variant doesn’t suit you you can make changes in custom.css file:
```
.toolbar .switchToList, .toolbar .switchToList {background-color: custom-color!important;}
.switchToGrid:hover, .switchToList:hover, .toolbar .switchToGrid.switcher-active, .toolbar .switchToList.switcher-active {background-color: custom-color !important;}
```
Thank you.
Regards,
Eva Kemp.
#15071 Copied
ianstudio

Participant

September 13, 2014 at 12:57

Thanks but you did not understand what I’m saying.. the sprites are png files (black for the dark theme and white for the light theme).. and the color that can be changed using the css above is the background, and thus the background color showing through the transparent areas of the png creates “the illusion of icons”.. but the white remains white (or black if using the dark theme) and does not look look on page with a pattern. Of course on a white page or a black page it’s ok.. on any other color.. no good.

___________________________________

Hence why I was saying it would be much better to use real icons, like for example the menu icon to open the sidebar.. which is NOT a “make believe” show-through image that pretends to be an icon but really is a positive vector icon:

.side-area-icon i:before,
.menu-icon i:before {
content: “\f0c9” !important;
font-family: FontAwesome !important;
font-size: 24px;
color: #d3d3d3;
}

Please, contact administrator
for this information.

#15364 Copied

Eva Kemp

Support staff

September 15, 2014 at 14:59

Hello,

Sorry for a long delay.
Thank you for the explanation. We understood you.
You’re right and we’ll change it in our next update.

Thank you.

Regards,
Eva Kemp.

#15558 Copied

ianstudio

Participant

September 17, 2014 at 13:10

Yeah :0))) T H A N KS !!!

#15878 Copied

Robert Hall

Support staff

September 17, 2014 at 13:44

Hello,

You’re welcome!

Regards,
Robert Hall.

#15880 Copied

ianstudio

Participant

November 5, 2014 at 19:40

Any hope of seeing a new theme update soon.. that would include this little fix ?

#23383 Copied

Eva Kemp

Support staff

November 5, 2014 at 22:01

Hello,

Sorry, but there is no exact date of a new release currently as the update is being tested.
It should be produced soon.

Sorry for inconveniences.
Thank you for your patience.

Regards,
Eva Kemp.

#23399 Copied

ianstudio

Participant

November 6, 2014 at 15:27

Thanks

#23508 Copied

Robert Hall

Support staff

November 6, 2014 at 15:28

Hello,

You’re welcome!

Regards,
Robert Hall.

#23509 Copied
Tagged: annoying, detail, sprite, switch, templates, woocommerce, wordpress
Viewing 10 results - 1 through 10 (of 10 total)