Joomla Templates Club 406,261 posts

[timmahan Friend timmahanJoin date: February 2008Posts: 2Downloads:0Uploads:0]

#125881

Hi,
I am having trouble with the background color and spacing of the User 8 and User 9 modules. The problem is also showing in other places like the sub menu when it is in split mode.

So basically the sub-windows are not filling in with color and the spacing on the User 8 and User 9 are off. I am not as worried about the spacing as much as the color.

I have not modified the template outside of changing settings and I am using Joomla v1.5.

http://indianayouthlacrosse.org

Thanks, Tim

[timmahan Friend timmahanJoin date: February 2008Posts: 2Downloads:0Uploads:0]

#241243

Seeing that no one helped out with this problem I ended up spending the time and figuring it out myself. this is how I got all center modules and menus working proper

Set your Menu Style to List (When I selected any legacy option the start level was stuck at 0)
For any module or menu you have you can assign a suffix of -blue, -green, -orange.

To get the links to be formated correctly you have to go into the ‘css/template_css.css’ and change/add a couple things.
Here is what my css file now looks like:

STARTING LINE103

ul {
margin-top: 5px;
margin-bottom: 15px;
list-style: none;
text-decoration: none;
}

ul li {
padding: 4px;
display: block;
color: #5A5A5A;
text-decoration: none;
background: url(../images/seperator.gif) repeat-x bottom;
}

STARTING LINE 260

/* MODULE
——————————————————— */

div.module a {
color: #5A5A5A;
text-decoration: none;
}

div.module a:hover {
color: #2A2A2A;
text-decoration: none;
}

/* MODULE HILITE GREEN
——————————————————— */

div.module-green a {
color: #FFFFFF;
text-decoration: none;
}

div.module-green a:hover {
color: #5e5e5e;
text-decoration: none;
}

/* MODULE HILITE BLUE
——————————————————— */

div.module-blue a {
color: #FFFFFF;
text-decoration: none;
}

div.module-blue a:hover {
color: #C1C1C1;
text-decoration: none;
}

/* MODULE HILITE ORANGE
——————————————————— */

div.module-orange a {
color: #FFFFFF;
text-decoration: none;
}

div.module-orange a:hover {
color: #5e5e5e;
text-decoration: none;
}

I hope this helps for anyone having format issues with the sub-menus and modules.

[Author]

Posts