Joomla Templates Club 406,261 posts

[Tech-xml Friend Tech-xmlJoin date: October 2010Posts: 765Downloads:39Uploads:140 Thanks: 106 Thanked: 5 times in 2 posts]

#165919

Create a custom CSS file template.css.

CSS

/* module style mstyle1 */

.moduletablemstyle1 {
}

.mstyle1_hd, .mstyle1_bg {
background-color: #ff8c00;
}
.mstyle1_hd h3 {
margin: 0px 7px 0px 20px;
color: #fff;
line-height: 28px;
}
.mstyle1_middle {
background-color: #fff;
margin-right: 5px;
}
.mstyle1_bottom {
background-color: #fff;
height: 5px;
overflow: hidden;
width: 50%;
}

Use the module custom suffix: mstyle1
However does not work.

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

#399757

Post your site url and let us know where the module suffix is done. May with a screenshot also.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#399875

Hi insofticursos,
When you want to create new module class support you need add css for it following structure below :
example you want to create css for “mstyle1” class suffix, you use below code :

.moduletablemstyle1 {
//add your css property for module wrapper here
}

.moduletablemstyle1 h3 {
//add your css property for module title here
}

.moduletablemstyle1 .ja-box-ct {
//add your css property for module content box here
}

Hope can help you.

[Author]

Posts