Public Forums 71,145 posts

[lungomare Friend lungomareJoin date: January 2013Posts: 6Downloads:0Uploads:2]

#184102

How to put bigicon in a module text? (from badge-1.png)

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#480276

Hi,

Which JA Template are you using? and pls tell me where you want to add this icon

[lungomare Friend lungomareJoin date: January 2013Posts: 6Downloads:0Uploads:2]

#480442

Now elastica template.
Put in module text (like the wiki example). Now I add image on html. But from css ” badge-icon” it’s lovely!

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#480609

Hi,

We add that image by adding a css class for the <span> tag in that module: <span class=”bigicon”> </span>

We define in this css file: /templates/ja_elastica/css/typo.css:

span.bigicon {
background-image: url("../images/badge-1.png"); << that image is set as background
background-repeat: no-repeat;
display: block;
float: left;
height: 30px;
left: 0;
margin: 5px 10px 0 0;
top: 0;
width: 30px;
}

[lungomare Friend lungomareJoin date: January 2013Posts: 6Downloads:0Uploads:2]

#480771

Well!… and for choose .blocktag
.blocklink
.blockquote
.blockheart
.blockquestion
.blockmobile
put into suffix css module.

Perfect!!!! Thanks!!!!
:):):):):):):):)

[Author]

Posts