Hi Guys. I'm trying to change the icons for basket and profile but it doesnt seem to work.
I Uploaded 2 new icon to server and I tried this solution but new icon didnt appeared, only old one dissapeared. Thanks. I use cs cart 4.1.2. website is www.depozituldepiscine.ro.
--------------
[color=#282828][font=arial, verdana, tahoma, sans-serif]5) at raw 245 you find this code:[/font][/color]
[color=#282828][font=arial, verdana, tahoma, sans-serif].icon-basket:before {[/font][/color]
[color=#282828][font=arial, verdana, tahoma, sans-serif]content: “\e044”;[/font][/color]
[color=#282828][font=arial, verdana, tahoma, sans-serif]}[/font][/color]
[color=#282828][font=arial, verdana, tahoma, sans-serif]at raw 248 you find this code:[/font][/color]
[color=#282828][font=arial, verdana, tahoma, sans-serif].icon-image:before {[/font][/color]
[color=#282828][font=arial, verdana, tahoma, sans-serif]content: “\e045”;[/font][/color]
[color=#282828][font=arial, verdana, tahoma, sans-serif]}[/font][/color]
[color=#282828][font=arial, verdana, tahoma, sans-serif]6) change the raw 245 with this:[/font][/color]
[color=#282828][font=arial, verdana, tahoma, sans-serif].icon-basket:before {[/font][/color]
[color=#282828][font=arial, verdana, tahoma, sans-serif]content: url(…/media/images/my-basket-icon.png);[/font][/color]
[color=#282828][font=arial, verdana, tahoma, sans-serif]}[/font][/color]
[color=#282828][font=arial, verdana, tahoma, sans-serif]change the raw 248 with this:[/font][/color]
[color=#282828][font=arial, verdana, tahoma, sans-serif].icon-basket:before {[/font][/color]
[color=#282828][font=arial, verdana, tahoma, sans-serif]background: url(…/media/images/my-basket-icon.png);[/font][/color]
hi,
replaced icons were glyphs - tag “I” and their display is set via CSS selector - before and CSS style called content
if you want to replace them by images, you should find appropriate TPL file and replace “I” tag with “IMG” and specify the Source attribute + width/height.
NOTE: Other variants are possible, but the IMG tag is the simplest one.
Let us know if it helps.
Best regards,
WSA team
Please try this solution:
http://forum.cs-cart…post__p__189686
If you use basic theme, replace all “.ty-icon-basket” with “.icon-basket”
Hi. Thanks for your reply. I dont understand where I must put the code? in glyphs.css?
[color=#666600].[/color][color=#000000]top[/color][color=#666600]-[/color][color=#000000]cart[/color][color=#666600]-[/color][color=#000000]content [/color][color=#666600].[/color][color=#000000]icon[/color][color=#666600]-[/color][color=#000000]basket[/color][color=#666600]{[/color][color=#000000] background[/color][color=#666600]:[/color][color=#000000]url[/color]color=#666600;[/color][color=#000000] width[/color][color=#666600]:[/color][color=#006666]15px[/color][color=#666600];[/color][color=#000000] height[/color][color=#666600]:[/color][color=#006666]13px[/color][color=#666600];[/color][color=#000000] display[/color][color=#666600]:[/color][color=#000000]block[/color][color=#666600];[/color][color=#000000] margin[/color][color=#666600]-[/color][color=#000000]top[/color][color=#666600]:[/color][color=#006666]2px[/color][color=#000000] [/color][color=#666600]}[/color]
[color=#666600].[/color][color=#000000]top[/color][color=#666600]-[/color][color=#000000]cart[/color][color=#666600]-[/color][color=#000000]content [/color][color=#666600].[/color][color=#000000]icon[/color][color=#666600]-[/color][color=#000000]basket[/color][color=#666600]:[/color][color=#000000]before[/color][color=#666600]{[/color][color=#000000] content[/color][color=#666600]:[/color][color=#008800]''[/color][color=#666600];[/color][color=#000000] [/color][color=#666600]}[/color]
i must replace
[color=#282828][font=arial, verdana, tahoma, sans-serif]icon-basket:before {[/font][/color]
[color=#282828][font=arial, verdana, tahoma, sans-serif]content: “\e044”;[/font][/color]
[color=#282828][font=arial, verdana, tahoma, sans-serif]}[/font][/color]
[color=#282828][font=arial, verdana, tahoma, sans-serif]??[/font][/color]
Do not modify core files. Use the following solution:
How To Add Custom Css With My Changes Addon - Developers' Corner - CS-Cart Community Forums
As alternative go to the Theme editor mode on the Design → Themes page, find the CSS section there and put custom CSS rules in the special field