Joomla Templates Club 406,261 posts

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#958759

Hi – Help needed to show flaticons in articles of "Departments" category like the demo site

What do I need to add in the "Extra Fields" tab to display flaticons – do i install a pack or link direct to there site, very unsure atm!

Thanks.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#958801

Hi

Please take a look at THIS TOPIC

Regards

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#959162

Hi There – My site is http://www.ourdogsmedia.co.uk

I have been having trouble with this icon issue for a while and have been looking at the thread at lot!!

I’ve tried everything that your colleague said in the post but nothing worked exacltly right as yet…The best I have at the moment is a blue facebook icon BUT without the Facebook logo please see 1st attached image & site homepage.

To sum up what I have done is overwrite the ja_healthcare/fonts/flaticon files, with a pack I downloaded from ‘Flaticon’ this pack had a FONT FOLDER but not all do! Which included all the .flaticon-facebook codes needed to display on my site in a .css file

Finally do I just use the files inside the fonts/flaticon folder or do I also upload the icons images from the Icon pack to a certain folder as well??

Please Advise

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#959174

Hi

Looking at your website seems you solved it , i can see the flaticon code on your icons

It seems also you followed documentation setting your flaticons for articles as described HERE

---

Attachments:

1. 

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#959182

OK I see code, hopefully my browser will update some time soon as I do not see the icons on my screen as yet in google chrome?

BUT in regard to one of my questions***When downloading from flaticon does it have to be a pack firstly (or can I download single icons to use) & Secondly does the pack have to have the FONT folder with css files etc inside the download as most of the packs Do Not include this FONT folder…

Please Advise

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#959187

Hi there

I described the whole procedure already in THIS TOPIC please read it carefully and first to make any change to your website take a full backup of it

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#959466

Hi there – Thanks for the link thats was I was after to understand it, AND my icons have now appeared but I had to contact flaticon as I cannot download any font packs as the download box is greyed out…

BUT can you advise me how do I remove the blue colour all the icons have as in screen shot…

Thanks

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#959532

Hi

If you do not have already a custom.css file in this folder /templates/ja_healthcare/css/ then add a new one and add into file

.blog-department .flaticon::before, .blog-department .flaticon::after {
color:#yourcolor!important;
}

You cannot remove color otherwise icon will disappear

---

Attachments:

1. 

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#960503

Hi & Thanks – I now understand they can’t be individually different colors being flaticon’s.

But as I need them to be Facebook, Twitter, YouTube logos (with different colours) How can I get them to display in the departments boxes (as per the homepage layout) via the articles??

I’ve added an image in the article and tried in the ‘Images and links’ TAB but nothing seems to work!

Can you please advise

Thanks.

---

Attachments:

1. 
2. 
3. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#960555

But as I need them to be Facebook, Twitter, YouTube logos (with different colours)

You cannot – css file that manages icons cannot set each icon with a different color , it has a unique background.

You can have it customizing css that manages backgrounds but this will require an hard custom work , you can hire a developer or ask for Joomlart help from THIS PAGE

Regards

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#960561

Hi & Thanks – I now understand they can’t be individually different colors being icons!

I am now not trying to use icons but as images.

I did it some how the other day by adding an image .jpg in a article.

But now cannot seem to get it to work…

Hope this makes sense.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#960676

Ch1vpH wrote:

But now cannot seem to get it to work…

Please share a temp super user account , i will have a look at your settings

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#960818

This reply has been marked as private.

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#961157

Hi there did u receive my pm about login details.

Just wondering if the private message worked…

Thanks

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#961177

Hi

Yes i received it , what you are trying to obtain due to the module configuration is not possible to do , i’m wondering why you do not want to apply flat icons pack at it , as you can see from HERE you can choose any icon you want , change color to it or choose from an already done pack as showed HERE then add it to your collection and download it as i showed in the previous post.

[Author]

Posts