Joomla Templates Club 406,261 posts

[manindersingh Friend manindersinghJoin date: March 2008Posts: 16Downloads:0Uploads:1 Thanks: 5]

#131399

Hi

As in this JA Edenite template we have class suffix “-hilite” with orange colour.

I want to create new custom module class suffix with “blue” colour
e.g -blue

How we can create this.

Thanks,

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

#262666

Hi manindersingh !
To create a new module class suffix you only create css for it :
Open template.css file in templates/ja_edenite/css folder , find following code sections at about line 647, 691 :


div.moduletable, div.moduletable_menu, div.moduletable_text, div.moduletable_hilite {
margin:0;
padding:0 10px 10px;
}



div.moduletable_hilite h3 {
background:#2C79B3 url(../images/grad2.gif) repeat-x scroll center bottom;
}


this is code section for “_hilite” module class suffix , you can base it and create css for new module class suffix.

[kladow Friend kladowJoin date: February 2008Posts: 1Downloads:0Uploads:0]

#263489

Is it possible to setup a module class suffix that would allow me to remove the padding for the content area only? For example, I have an image that I would like to be flush to the top, left, of the module content area (mod_custom on right hand position) I tried messing with the class suffix instructions above but didn’t have any luck to remove the padding from only the content area.

When I modified the padding in a custom class suffix, it would also move the text in the module title over. I want to keep the padding in the title, but remove the padding around the image I am placing in the module.

Thanks,

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#263518

Something like this then:

div.moduletable_yoursuffix {
margin:0;
padding:0;
}

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

#263672

exactly , thanks menalto !

[Juan Carlos Stauring Friend Juan Carlos StauringJoin date: September 2014Posts: 250Downloads:27Uploads:12 Thanks: 53 Thanked: 19 times in 3 posts]

#312490

I’m trying to add a new class sufix to this template however no matter if I add a new sufix to the templates.css file I’m still not able to change the style when trying to position the module on “Top” replacing the “log in module”. >:( I’m probably missing a step.
1. Add style to the templates.css file correct

2. on Module Class Suffix add the style i.e. -blank or what ever custom name given to the css added to the file. Also I tried -Hilite on the field but I get the same style over and over and I’m not able to change the look of the module position :((

Module Class Suffix for dummies anywhere on the forum?

jc

[Author]

Posts