Joomla Templates Club 406,261 posts

[macyouth Friend macyouthJoin date: November 2006Posts: 11Downloads:0Uploads:0]

#118088

Hi
how can we change the font colors of the user menu and the background color of the menu title “Login form”
thank you

[itguy Friend itguyJoin date: November 2005Posts: 140Downloads:0Uploads:38 Thanked: 2 times in 1 posts]

#212829

View the source code for the page in your browser and find the login form. Once you have the source open in a browser window go to edit – find and type in “login”. That should take you right to it.

Make a note of the css class that it pulls it’s settings from. It should be

div class=”moduletable”

Now open your templates main css file and find the div moduletable classes. Note that your template may use additional classes for right and left columns. Basically all you need to do is copy the existing modultable classes and paste them back into the same css file and append a suffix to the class name. So once you have a copy of the class change the name like this:

Original classes:


div.moduletable h3 {
padding: 0;
margin: 0 0 8px;
font-size: 12px;
text-transform: uppercase;
}

div.moduletable {
padding: 0 5px 20px;
}

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


New classes (notice the suffix “login” added to the names):


div.moduletablelogin h3 {
padding: 0;
margin: 0 0 8px;
font-size: 12px;
text-transform: uppercase;
}

div.moduletablelogin {
padding: 0 5px 20px;
}

div.moduletablelogin td {
padding: 0!important;
}


Now tweak the new css classes for your login form. H3 is the heading.

Once that is done all you have to do is link your login form to the new classes using a Module Class Suffix. Got to the administrator and then Modules – Site Modules. Find your Login Form and open the properties. In the field Module Class Suffix enter your new class suffix you used in your stylesheet. In my example it would be login.

Hope this helps. Once you understand how to use the Module Class Suffix in Joomla it makes tweaking individual modules quick and painless.

[Author]

Posts