Joomla Templates Club 406,261 posts

[gverheij Friend gverheijJoin date: June 2009Posts: 40Downloads:0Uploads:10 Thanks: 8 Thanked: 4 times in 1 posts]

#173715

Hi,

I’ve created menu-modules in the right-position of JA_Social (with JAT3 1.6.6 and JA_Social 1.2) in a Joomla 2.5.1-site. See picture below.

The indentation of the text of the menu-items is ugly. The bullets should be outside the text and the word-wrapped text should be inline, every line below the other.

I’ve experimented with “list-style: outside; ” in template.css and other css-files, but no effect so far. Can you please help?

The upper menu-module in the picture below has “_menu” as module-suffix..

Thanks a lot for your support,

Gerard Verheij

---

Attachments:

1. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#437732

Your site you give doesn’t use JA Social template. Could you give me a link to your website uses JA Social template and has problem? I will help you

[gverheij Friend gverheijJoin date: June 2009Posts: 40Downloads:0Uploads:10 Thanks: 8 Thanked: 4 times in 1 posts]

#437738

Oops, I’m sorry, I’ve given the old site, the new site with JA_Social is under development at http://www.centrumvoorurologie.nl/cvu17.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#437955

You replace the code from /templates/ja_social/css/template.css

#ja-container ul.menu li a {
background: url(../images/bullet-grey.png) no-repeat 15px 12px;
color: #666;
text-indent: 27px;
width: 100%;
}
with


#ja-container ul.menu li a {
background: url(../images/bullet-grey.png) no-repeat 15px 12px;
color: #666;
padding-left: 27px;
}

1 user says Thank You to khoand for this useful post

1. gverheij

[gverheij Friend gverheijJoin date: June 2009Posts: 40Downloads:0Uploads:10 Thanks: 8 Thanked: 4 times in 1 posts]

#438058

Beautifull! 🙂 That did the trick, thanks a lot,
Gerard

[gverheij Friend gverheijJoin date: June 2009Posts: 40Downloads:0Uploads:10 Thanks: 8 Thanked: 4 times in 1 posts]

#440609

I performed the upgrade to JA_Social 2.5.1 under J2.5.1, but the change above did not show up nicely.

The following displayed the text bulletted and with nice indentation and text-wrap:


#ja-container ul.menu li a {
background: url(../images/bullet-grey.png) no-repeat 15px 12px;
color: #666;
text-indent: 0px;
padding-left: 27px;
width: 170px;
}


Thanks! Gerard

[Author]

Posts