Are you enjoying the extensions? Did you like the support? Help others decide.

Leave a review

file Change Icons for Links

More
9 years 7 months ago #4128 by DaveOzric
Change Icons for Links was created by DaveOzric
Hello, I would like to change the icons around a little for the various settings in the Body section.
My client is selling tickets and I am using the Links A for the link to the ticket site. They would like to use that ticket icon you use for one of the other icons (don't recall which one) for the Link A instead. Currently it's a link icon.

It looks like some kind of icon text? Is there a easy way to do an override or..?

Thanks

Please Log in or Create an account to join the conversation.

More
9 years 7 months ago #4130 by admin
Replied by admin on topic Change Icons for Links
Hello!

at this time, I did not put a way to change font icons around (it is in my task list). You cannot override a font icon with another one. But you can override the font icon with an image:
.SYWicon-link:before { content: ''; background-image: url(../images/myimage.png); width:16px; height: 16px; display: inline-block; }

The image needs to be in the /images folder of the module.

Note: this example will replace all link font icons...
Olivier.
The following user(s) said Thank You: DaveOzric

Please Log in or Create an account to join the conversation.

More
9 years 7 months ago #4131 by DaveOzric
Replied by DaveOzric on topic Change Icons for Links
I'll give that a shot.

So changing the css to this won't work? Replacing the 6 with the ticket icon text you use in the other?
Just curious.

.SYWicon-link::before, .SYWicon-chain::before {
content: "6";
}

Please Log in or Create an account to join the conversation.

More
9 years 7 months ago - 9 years 7 months ago #4132 by admin
Replied by admin on topic Change Icons for Links
Yes, that should work as well.
It is just a matter of finding out what to put in the 'content' property.
This can be found in fonts.css of the media/syw/css folder
Olivier.
Last edit: 9 years 7 months ago by admin.
The following user(s) said Thank You: DaveOzric

Please Log in or Create an account to join the conversation.

More
9 years 7 months ago #4134 by DaveOzric
Replied by DaveOzric on topic Change Icons for Links
Adding the custom css to the Styles tab area worked. I found an item called ticket in the css file. Thanks!!

Please Log in or Create an account to join the conversation.

More
9 years 7 months ago #4135 by admin
Replied by admin on topic Change Icons for Links
Perfect, glad it worked out :-)
Olivier.

Please Log in or Create an account to join the conversation.