Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

change cart icon

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Hey guys,

I need to change the shopping-cart icon for a .png that i have

I'll also need to add a link to it.


Thanks
  • Luis's Avatar
  • Luis
  • 6 Month Developer
  • 94 posts
  • Karma: 0
The administrator has disabled public write access.
The icon used is a font icon rather than an image - so you could change the font icon file to another icon

Have you checked the icons available for something similar to the pic you want to use?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I checked but no... :\

Is there any way i can do it by css?

I can add the image in #cart-trigger span but i need to remove the cart and add the link to it.

You can check it here: beweb.me/clinicaencontro

Cheers
  • Luis's Avatar
  • Luis
  • 6 Month Developer
  • 94 posts
  • Karma: 0
The administrator has disabled public write access.
Is it just using css only ?

or any way of doing it

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
What is done now is only css.

So i add this
#cart-trigger span {
background: url(../images/mail-icon.png) !important;
background-repeat: no-repeat;
font-size: 3.5em;
}

to custom.css

But i need to remove the shopping cart and add a link to this image.
  • Luis's Avatar
  • Luis
  • 6 Month Developer
  • 94 posts
  • Karma: 0
The administrator has disabled public write access.
Why do you need a link?

As this would mean the menu wouldn't work

If you need a link then css won't be enough
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
CSS wise You would need to remove

.icon-list-ul:before {
content: "\f0ca";
}

Using specific divs and then target the button itself at mobile widths

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers