Joomla Templates Club 406,261 posts

[johnyan73 Friend johnyan73Join date: March 2010Posts: 26Downloads:0Uploads:12 Thanks: 2 Thanked: 1 times in 1 posts]

#173957

Hi,

I tried to use some other modules on ja-slider or vm-fp positions of the middle area, but the module title style is different from other modules on left or right positions.

How to fix it so that those new modules on the middle area will show the same title style as those left/right ones?

http://www.cantri.ca/zeolite2/index.php

Thanks!

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#438897

I don’t understand what you mean clearly. Could you give me a snapshot with your annotation to illustrate your problem?

[johnyan73 Friend johnyan73Join date: March 2010Posts: 26Downloads:0Uploads:12 Thanks: 2 Thanked: 1 times in 1 posts]

#438945

I have installed the JA-News module on the ja-slider position of the middle area, but its title stytle is different from left module’s or right one’s.

You can see, on the picture, the style of 2 is different from 1 and 3 (rounded rectangle).

How can I make the style of 2 is same as 1 and 3 (rounded rectangle) ?

Thanks!

---

Attachments:

1. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#439077

– You replace the code from /templates/ja_zeolite_ii/css/template.css

div.module h3 span, div.module_text h3 span, div.module_menu h3 span, div.module_hilite h3 span, div.module_blank h3 span {
background: url(../images/h3-l.gif) no-repeat left top;
height: 30px;
padding-left: 28px;
display: block;
}
with

div.moduletable h3 span, div.module h3 span, div.module_text h3 span, div.module_menu h3 span, div.module_hilite h3 span, div.module_blank h3 span {
background: url(../images/h3-l.gif) no-repeat left top;
height: 30px;
padding-left: 28px;
display: block;
}
– You replace another code

div.module h3, div.module_text h3, div.module_menu h3, div.module_hilite h3 {
background: url(../images/h3-r.gif) no-repeat right top;
margin: 0 8px 10px;
padding: 0;
font-size: 125%;
line-height: 30px;
color: #666;
}
with

div.moduletable h3, div.module h3, div.module_text h3, div.module_menu h3, div.module_hilite h3 {
background: url(../images/h3-r.gif) no-repeat right top;
margin: 0 8px 10px;
padding: 0;
font-size: 125%;
line-height: 30px;
color: #666;
}
– You must increase width of http://www.cantri.ca/zeolite2/templates/ja_zeolite_ii/images/h3-r.gif to suite for JA-News module

[johnyan73 Friend johnyan73Join date: March 2010Posts: 26Downloads:0Uploads:12 Thanks: 2 Thanked: 1 times in 1 posts]

#439140

Hello khoand,

Thank you for you reply.

Even I don’t modify the css file, but if I use the Featured Product module which comes with Zeolite2 on the ja-slider position, it’s title style (rounded rectangle) is the same as the ones on left or right positions.

Why this happens?

Should I modify something inside ja-news module instead?

Thanks!

---

Attachments:

1. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#439243

You’re right. To achieve that, you edit JA News module, you set Module Class Suffix is _hilite

[johnyan73 Friend johnyan73Join date: March 2010Posts: 26Downloads:0Uploads:12 Thanks: 2 Thanked: 1 times in 1 posts]

#439329

<em>@khoand 301823 wrote:</em><blockquote>You’re right. To achieve that, you edit JA News module, you set Module Class Suffix is _hilite</blockquote>

That works perfect!

Thank you khoand! 🙂

[Author]

Posts