Joomla Templates Club 406,261 posts

[ghjulianu Friend ghjulianuJoin date: February 2012Posts: 58Downloads:0Uploads:7 Thanks: 12 Thanked: 1 times in 1 posts]

#175158

Hi,

How to add an icon next to the title of a module (RSS icon for example)? In the backend it’s only possible to put text in the title field. Thanks.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#444473

Hi ghjuianu,

I think you can only add an icon via css, via the module class suffix you can achieve this, go to the module back-end you enter a suffix name onto the field of Module Class Suffix, example you have entered _test to that field, you then open the template css file templates/ja_teline_iv/css/template.css you add the defined css to add an icon there

div.moduletable_test h3{
background-image:your_location_to_icon
}

this’s just an example and I hope you got the ideal !

[ghjulianu Friend ghjulianuJoin date: February 2012Posts: 58Downloads:0Uploads:7 Thanks: 12 Thanked: 1 times in 1 posts]

#444667

Hi,

I did what you said but it doesn’t work, the icon doesn’t appear :/

That’s the code I put :

div.moduletable_test h3{
background-image: url(../images/stories/logos/rss.png);
}

[ghjulianu Friend ghjulianuJoin date: February 2012Posts: 58Downloads:0Uploads:7 Thanks: 12 Thanked: 1 times in 1 posts]

#445182

Up, nobody knows?

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#445505

Hi,

Can you post here your url where I can see the module ? need to take a look at it to see if something go wrong

[ghjulianu Friend ghjulianuJoin date: February 2012Posts: 58Downloads:0Uploads:7 Thanks: 12 Thanked: 1 times in 1 posts]

#451753

<em>@Sherlock Holmes 309902 wrote:</em><blockquote>Hi,

Can you post here your url where I can see the module ? need to take a look at it to see if something go wrong</blockquote>

Hi, here’s the url where you can see the module : http://bit.ly/ytlxhi

It’s the module “Citations”, the icon don’t appears (I only success to display colors in the title bar). Thank you.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#451833

hi ghjulianu,

I see you added css defined for background like this
background: url(“/templates/ja_teline_iv/images/stories/logos/rss.png”) repeat scroll 0 0 transparent;
But the file /templates/ja_teline_iv/images/stories/logos/rss.png does not exist, I think it should be /images/stories/logos/rss.png only

Try it again mate 🙂

1 user says Thank You to Sherlock for this useful post

1. ghjulianu

[ghjulianu Friend ghjulianuJoin date: February 2012Posts: 58Downloads:0Uploads:7 Thanks: 12 Thanked: 1 times in 1 posts]

#451919

Yes, I did a mistake lol. It works now thank you!:)

[Author]

Posts