Joomla Templates Club 406,261 posts

[samedbeyribey Friend samedbeyribeyJoin date: May 2006Posts: 10Downloads:0Uploads:0]

#116825

hello,
is it possible to add black and red moduletables to ja_hadar?

[Hung Dinh Friend Hung DinhJoin date: September 2014Posts: 4408Downloads:11Uploads:189 Thanks: 309 Thanked: 3310 times in 3 posts]

#209662

sure, you can do it by editing the css file:


div.moduletable {
width: auto!important;
width: 100%;
margin-bottom: 10px;
border: 1px solid #E6E6E6;
padding: 6px;
background-color: #EFEFEF;
}

div.moduletable h3 {
margin: -6px -6px 6px -6px;
padding: 4px 4px 4px 6px;
color: #666666;
background: url(../images/h3-bg.gif) #F7F7F7;
font-size: 11px;
font-weight: bold;
text-transform: UPPERCASE;
}

div.moduletable td {
padding: 3px 0!important;
}

div.moduletable-blue {
background: #024AA6;
}

div.moduletable-blue h3 {
background: url(../images/h3-blue-bg.gif) #024AA6;
}

div.moduletable-green {
background: #62AC02;
}

div.moduletable-green h3 {
background: url(../images/h3-green-bg.gif) #62AC02;
}

div.moduletable-orange {
background: #EF9403;
}

div.moduletable-orange .article_seperator {
display: none;
}

div.moduletable-orange a, div.moduletable-green a, div.moduletable-blue a {
color: #FFFFFF;
}

div.moduletable-orange h3 {
background: url(../images/h3-orange-bg.gif) #EF9403;
}

div.moduletable-orange h3, div.moduletable-green h3, div.moduletable-blue h3 {
margin: -6px -6px 6px -6px;
padding: 4px 4px 4px 6px;
color: #FFFFFF;
font-size: 11px;
text-transform: UPPERCASE;
}

div.moduletable-orange td, div.moduletable-blue td, div.moduletable-green td {
color: #FFFFFF;
}

div.moduletable-orange, div.moduletable-blue, div.moduletable-green {
width: auto!important;
width: 100%;
margin-bottom: 10px;
border: 1px solid #E6E6E6;
padding: 6px;
}

#spotlight-orange, #spotlight-green, #spotlight-blue {
float: left;
width: 243px!important;
width: 242px;
display: inline;
}

#spotlight-orange, #spotlight-green {
margin-right: 11px;
}

#spotlight-orange div.moduletable-orange, #spotlight-green div.moduletable-green, #spotlight-blue div.moduletable-blue {
height: 100px!important;
height: 120px;
}


Just add the following:


div.moduletable-red{
background: #FF0000;
}

div.moduletable-redh3 {
background: url(../images/h3-red-bg.gif) #FF0000;
}

Remember to change the images to your favorite one.

[Author]

Posts