Joomla Templates Club 406,261 posts

[edmundtai Friend edmundtaiJoin date: March 2010Posts: 10Downloads:0Uploads:2 Thanks: 4]

#149686

Hi,

Just installed the JA Kyanite II to our site and hit the problem of module layout being broken. Details:
– Site: http://travelchung.com/
– Joomla 1.5.15
– JA Kyanite II 1.2.1
– Jevent 1.5.4 b1705
– Jevent calendar module mod_jevents_cal_154_b1694
– Jevent template layout: ruthin_1.0.13

It works with Joomla’s built-in template: rhuk_milkyway. Please refer to first attachment
When change to JA Kyanite II, the layout being broken. Please refer to second attachment.

Please have a look and advise how to fix. Thanks!

JOOMLA SUPPER ADMIN
++++++++++++++++++++
Username: admin
Password: joomlart

SITE URL & FTP INFO
++++++++++++++++++++
URL:
FTP host: http://www.travelchung.com
Username: tcftp
Password: joomlart

---

Attachments:

1. 
2. 

[ftht1 Friend ftht1Join date: August 2007Posts: 35Downloads:0Uploads:0 Thanked: 16 times in 15 posts]

#337069

you just have to add the code:

table.jevcalendar td {
padding:0;
}

into any of your css files.

For example you could add it to /templates/ja_kyanite_ii/css/colors/blue.css

[edmundtai Friend edmundtaiJoin date: March 2010Posts: 10Downloads:0Uploads:2 Thanks: 4]

#337073

Hi ftfh1,

Thank you for your help. You code solve half of the issue. Still have problem that no Data and Day being showed in the Calendar module.

You may use the template chooser to choose the default template to see the difference.

Best Regards,
Edmund

[ftht1 Friend ftht1Join date: August 2007Posts: 35Downloads:0Uploads:0 Thanked: 16 times in 15 posts]

#337076

seems to be a problem only on IE. Works fine on firefox.

[edmundtai Friend edmundtaiJoin date: March 2010Posts: 10Downloads:0Uploads:2 Thanks: 4]

#337077

u r right. what can we do to fix it for ie?
most of our users are use ie

[ftht1 Friend ftht1Join date: August 2007Posts: 35Downloads:0Uploads:0 Thanked: 16 times in 15 posts]

#337083

by adding this code:

table.jevcalendar td.jev_red {
background:transparent url(/components/com_jevents/views/ruthin/assets/images/TopBackground.jpg) no-repeat scroll left top ;
}

table.jevcalendar tr.jevtopnav td {
background:transparent url(/components/com_jevents/views/ruthin/assets/images/TopBackground.jpg) no-repeat scroll left top;
}

to the bottom of blue.css the problem is fixed. It’s not the best solution though but it works. You should try to add some events though, I’m not sure the background will display correctly for them.

1 user says Thank You to ftht1 for this useful post

1. edmundtai

[edmundtai Friend edmundtaiJoin date: March 2010Posts: 10Downloads:0Uploads:2 Thanks: 4]

#337090

Hi ftht1,

Thank you. It works for this layout only and solve my issue temporary. However, it is not a perfect solution. When I switch to other layout of Jevent, it still have other minor issues.

The permanent solution should be let the event calendar module to use its own css. Hope Joomlart can help to fix it soon.

Anyway, thank you for your help and effort.

[ftht1 Friend ftht1Join date: August 2007Posts: 35Downloads:0Uploads:0 Thanked: 16 times in 15 posts]

#337104

I found the possible reason for this, in /templates/ja_kyanite_ii/css/addons.css there is a line that overrides the background property of your tables.

if you comment out “background: transparent;” on line 32 in addons.css then the previous lines for the background will be unneccesary.

if you open addons.css and change

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
background: transparent;
}

to

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
/* background: transparent; */
}

then you can remove these lines added previously to the bottom of blue.css

table.jevcalendar td.jev_red {
background:transparent url(/components/com_jevents/views/ruthin/assets/images/TopBackground.jpg) no-repeat scroll left top ;
}

table.jevcalendar tr.jevtopnav td {
background:transparent url(/components/com_jevents/views/ruthin/assets/images/TopBackground.jpg) no-repeat scroll left top;
}

I would keep the addon to the top of blue.css in place though. It will keep the calendar from becoming to wide.

table.jevcalendar td {
padding:0;
}

1 user says Thank You to ftht1 for this useful post

1. edmundtai

[edmundtai Friend edmundtaiJoin date: March 2010Posts: 10Downloads:0Uploads:2 Thanks: 4]

#337124

This solution is better. However, it is better to let the event calendar module to use its own css. If I change to the default layout of the calendar, there still have something wrong. You may see the difference by change the template.

BTW, do you know how to enable the breadcrumb?

[ftht1 Friend ftht1Join date: August 2007Posts: 35Downloads:0Uploads:0 Thanked: 16 times in 15 posts]

#337285

<em>@edmundtai 170578 wrote:</em><blockquote>BTW, do you know how to enable the breadcrumb?</blockquote>

You can enable the breadcrumbs in the module manger. Choose new and select breadcrumbs.

[ftht1 Friend ftht1Join date: August 2007Posts: 35Downloads:0Uploads:0 Thanked: 16 times in 15 posts]

#337289

<em>@edmundtai 170578 wrote:</em><blockquote>This solution is better. However, it is better to let the event calendar module to use its own css. If I change to the default layout of the calendar, there still have something wrong. You may see the difference by change the template.</blockquote>

The reason for all of this is that the css from JA kyanite overrides the css from the calendar because the JA kyanite css is introduced into the html after the calendar css. The only way to let the calendar use its own css is by introducing it into the html after the kyanite css. OR by removing the css attributes that cause the conflict from the kyanite css.

This time it is the td class in template.css on line 105 that is causing you trouble.

[edmundtai Friend edmundtaiJoin date: March 2010Posts: 10Downloads:0Uploads:2 Thanks: 4]

#337313

Already enabled.
It is supposed that the breadcrumb should be showed after “You are here:”, right?
But, nothing showed.

[ftht1 Friend ftht1Join date: August 2007Posts: 35Downloads:0Uploads:0 Thanked: 16 times in 15 posts]

#337392

For some reason the right module position for the breadcrumbs is “breadcrumb” not “breadcrumbs” that you can choose from the menu.

[edmundtai Friend edmundtaiJoin date: March 2010Posts: 10Downloads:0Uploads:2 Thanks: 4]

#337397

<em>@ftht1 170894 wrote:</em><blockquote>For some reason the right module position for the breadcrumbs is “breadcrumb” not “breadcrumbs” that you can choose from the menu.</blockquote>

Please explain with details.
Where can I find the “breadcrumb” ?

[ftht1 Friend ftht1Join date: August 2007Posts: 35Downloads:0Uploads:0 Thanked: 16 times in 15 posts]

#337403

Go to modules manager
Open module: Breadcrumbs
In the input box “Position” change the text to “breadcrumb”
You can just type it into the box, no need to choose it from the list

1 user says Thank You to ftht1 for this useful post

1. edmundtai

[Author]

Posts