Joomla Templates Club 406,261 posts

[patrick1 Friend patrick1Join date: June 2006Posts: 6Downloads:0Uploads:0]

#117013

Presentation of the left column is wrong with more than one module on the left (title, color), with yellow and green module class

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

#210094

from your descriptioon, I am not sure how wrong the modules display.. Any URL patrick?

[patrick1 Friend patrick1Join date: June 2006Posts: 6Downloads:0Uploads:0]

#210107

I have modified the css and added or duplicate each rightcol to leftcol, and that’s fine. Presently, my website is’nt with this layout.

/* Title text */
.contentheading, .componentheading, div.moduletable h3, #ja-subnav h3,
#ja-rightcol div.moduletable-green h3, #ja-rightcol div.moduletable-yellow h3,
#ja-leftcol div.moduletable-green h3, #ja-leftcol div.moduletable-yellow h3,
h1, h2, h3, h4 {
font-family: “Trebuchet MS”, Arial, sans-serif;
}

….

div.moduletable h3, #ja-rightcol div.moduletable-green h3, #ja-rightcol div.moduletable-yellow h3,
#ja-leftcol div.moduletable-green h3, #ja-leftcol div.moduletable-yellow h3 {
padding: 0 0 5px 0;
margin: 0 -2px 5px -2px!important;
color: #E97B00;
background: url(../images/seperator-h3.gif) repeat-x bottom;
font-size: 1.4em;
}

div.moduletable, #ja-rightcol div.moduletable-green, #ja-rightcol div.moduletable-yellow,
#ja-leftcol div.moduletable-green, #ja-leftcol div.moduletable-yellow {
padding: 3px 5px 10px;
margin-bottom: 10px;
}

#ja-rightcol div.moduletable {
border: 1px solid #DEE3E6;
border-bottom: 2px solid #DEE3E6;
background: url(../images/grad-blue.gif) repeat-x top left #ECF1F5;
}

#ja-leftcol div.moduletable {
border: 1px solid #DEE3E6;
border-bottom: 2px solid #DEE3E6;
background: url(../images/grad-blue.gif) repeat-x top left #ECF1F5;
}

#ja-rightcol div.moduletable-green {
border: 1px solid #E3EBDD;
border-bottom: 2px solid #E3EBDD;
background: url(../images/grad-green.gif) repeat-x top left #EEF6E8;
}

#ja-leftcol div.moduletable-green {
border: 1px solid #E3EBDD;
border-bottom: 2px solid #E3EBDD;
background: url(../images/grad-green.gif) repeat-x top left #EEF6E8;
}

#ja-rightcol div.moduletable-yellow {
border: 1px solid #EEECE1;
border-bottom: 2px solid #EEECE1;
background: url(../images/grad-yellow.gif) repeat-x top left #FAF8EC;
}

#ja-leftcol div.moduletable-yellow {
border: 1px solid #EEECE1;
border-bottom: 2px solid #EEECE1;
background: url(../images/grad-yellow.gif) repeat-x top left #FAF8EC;
}

[patrick1 Friend patrick1Join date: June 2006Posts: 6Downloads:0Uploads:0]

#210110

I have come back to the standard layout for the left column. Only an issue for module with class -yellow or -green. Forgot the last post

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

#210113

Glad that you have made it work 😎

[Author]

Posts