Joomla Templates Club 406,261 posts

[rbf254916086 Friend rbf254916086Join date: August 2010Posts: 10Downloads:1Uploads:2 Thanks: 3 Thanked: 1 times in 1 posts]

#162083

Hi all and thanks for the support.

The website is http://www.cirugiatoracicaquiron.es/

In the frontpage articles under the title “Últimas Noticias y Eventos” I have loaded the latest news module, using the module position articulo1. OK with that.

{loadposition articulo1}

I want to change the css of the ul li only in this module, so I have used the module class suffix “-ramon” in the module.

Using firebug in firefox I have the following native code:

.ja-moduletable ul li, .ja-module ul li, .ja-content-main ul li {
background: url(“../images/bullet.gif”) no-repeat scroll 20px 7px transparent;
line-height: 160%;
margin-bottom: 5px;
overflow: hidden;
padding-left: 30px;
}

If I add in template.css a code as follows, the font-size of the ul li change in the whole website:
.ja-moduletable-ramon ul li, .ja-module-ramon ul li, .ja-content-main ul li {
font-size: 20px;
}

If I use the following code (deleting the last part), nothing happens:
.ja-moduletable-ramon ul li, .ja-module-ramon ul li {
font-size: 20px;
}

What is the correct css code? I would very appreciate your help.

Thanks!

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#383918

I see no ja-moduletable-ramon in the live site you have provided.

Ok Please tell us what are changes need to be done in the css. please explain about this

[rbf254916086 Friend rbf254916086Join date: August 2010Posts: 10Downloads:1Uploads:2 Thanks: 3 Thanked: 1 times in 1 posts]

#383934

Thanks Chavan for your support,

The module title in backend is “Noticias y Eventos Portada”, mod_latestnews, module class suffix “-ramon”; the article title within the module is loaded is “Últimas Noticias y Eventos” in the frontpage.

I would like to change the font-size of the ul li in the attached image, but not in the other ul li of the website.

Please, tell me if you need any more information.

Thanks again,

Ramon

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#384384

try:

li.latestnews{
//you code here
}
that should help.

[Author]

Posts