Joomla Templates Club 406,261 posts

[Daniel Löf Friend Daniel LöfJoin date: September 2014Posts: 80Downloads:0Uploads:18 Thanks: 27 Thanked: 2 times in 1 posts]

#139926

How can I edit the module class suffix (i.e. _hilite)?

I would like to publish say three modules in the right column but apply different background colors to each of them.. one green, one blue and one gray. So I suppose the best way to do this is to apply different module class suffix, but how do I edit the different ones / make new ones?

Cheers!

[nguyenhuu quang Friend nguyenhuu quangJoin date: September 2014Posts: 1087Downloads:0Uploads:3 Thanks: 29 Thanked: 328 times in 288 posts]

#300054

at bottom of your template.css
add:

[PHP]ja-col2 div.moduletable_highlight1{
background:#F6F6F6 none repeat scroll 0 0;
border:1px solid #DDDDDD;
margin:0 0 15px;
}[/PHP]
edite: #F6F6F6 to your color

add:

[PHP]#ja-col2 div.moduletable_highlight1 h3 {
background:#D33615 none repeat scroll 0 0;
color:#FFFFFF;
margin:0 -1px;
padding:10px;
}[/PHP]

edite #D33615 to your color

add:
[PHP]#ja-col2 .moduletable_highlight1{
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
}[/PHP]

1 user says Thank You to nguyenhuu quang for this useful post

1. Daniel Löf

[nguyenhuu quang Friend nguyenhuu quangJoin date: September 2014Posts: 1087Downloads:0Uploads:3 Thanks: 29 Thanked: 328 times in 288 posts]

#300055

if you need more pls copy and change
moduletable_highlight1 to moduletable_highlight2 or moduletable_highlight3
and edite your backgroundcolor

and then with your module pls put serfix _highlight1 _ highlight2 _highlight3 ….

1 user says Thank You to nguyenhuu quang for this useful post

1. Daniel Löf

[Author]

Posts