Public Forums 71,145 posts

[tikva Friend tikvaJoin date: January 2010Posts: 3Downloads:0Uploads:1 Thanks: 3]

#147644

Hi There

I would like to add a small Icon image on the left side of all Left Column Menu Titles, but am not having any success trying to work it out for myself.

To show what I mean, I have attached an image to this post, which has red arrows pointing to where I would like the Icon placed, if my usage of “left column menu title” doesn’t make any sense.

Many thanks for any assistance!

---

Attachments:

1. 

[denis25 Friend denis25Join date: July 2009Posts: 66Downloads:0Uploads:21 Thanks: 8 Thanked: 22 times in 6 posts]

#329265

Try with this in template.css :

.ja-inset1 div.ja-module h3, .ja-inset1 div.module h3 {
background: url(../images/arrow.png) no-repeat 5% 50%;
z-index: 1000;
padding: 8px 30px;
}

1 user says Thank You to denis25 for this useful post

1. tikva

[tikva Friend tikvaJoin date: January 2010Posts: 3Downloads:0Uploads:1 Thanks: 3]

#329266

That worked, so thank you for that! My only problem now is that I am using a custom icon, and it is a bit too close to the Text of the Title. Would you happen to know how I can increase the space between the Icon and the Title?

Cheers!

[denis25 Friend denis25Join date: July 2009Posts: 66Downloads:0Uploads:21 Thanks: 8 Thanked: 22 times in 6 posts]

#329294

In order to move the title of the left modules, you have just to modify the padding

for example :

.ja-inset1 div.ja-module h3, .ja-inset1 div.module h3 {
background: url(../images/arrow.png) no-repeat 5% 50%;
z-index: 1000;
padding: 8px 40px;
}

[Author]

Posts