Joomla Templates Club 406,261 posts

[josnygaa Friend josnygaaJoin date: May 2011Posts: 6Downloads:0Uploads:2 Thanks: 2]

#164261

I use a hotel booking system (Jomres) with the Portfolio template. The availability calendar is using background colors in a table to display availability (white=vacant, red=booked etc).

The Portfolio template seems to override the background colors and change all backgrounds to white. How can I use the original booking system background colors?

(I have tried different Joomla 1.5 standard templates, with no problem.)

Kind regards,
Jostein

[pritam Friend pritamJoin date: April 2011Posts: 609Downloads:0Uploads:29 Thanks: 11 Thanked: 125 times in 113 posts]

#392213

Hello,

Can you provide your website url to see the issue background color overridden.

[josnygaa Friend josnygaaJoin date: May 2011Posts: 6Downloads:0Uploads:2 Thanks: 2]

#392247

The website URL is:

http://demo.akkarvik.com/index.php/en/booking/online-booking

The calendar is located under “Check availability”.

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#392270

Please go into the template manager and set css optimization to “No”. It coulc be that the compressed css is causing the problem. If not we need to be able to see the correct css to edit so we will still need that switched off for diagnostics.

[josnygaa Friend josnygaaJoin date: May 2011Posts: 6Downloads:0Uploads:2 Thanks: 2]

#392287

I have now switched off both CSS and JS compression. Unfortunately the problem still persists.

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#392291

What is is supposed to look like? Can you post an image?

[josnygaa Friend josnygaaJoin date: May 2011Posts: 6Downloads:0Uploads:2 Thanks: 2]

#392294

It looks ok with the JA_Purity template, but the JA_Purity II has the same problem as JA_Portfolio. The problem is present with the T3 framework templates and disappears with the ones without.

I have uploaded 2 files – the Purity file shows the correct backgrounds in the booking calendar.

---

Attachments:

1. 
2. 

[josnygaa Friend josnygaaJoin date: May 2011Posts: 6Downloads:0Uploads:2 Thanks: 2]

#392340

Anyone, please?

[josnygaa Friend josnygaaJoin date: May 2011Posts: 6Downloads:0Uploads:2 Thanks: 2]

#392368

The problem appeared to be table background transparency set in the T3 framework. I did a workaround by editing the addons.css:

I removed the td tag from this section:

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;
}

and added a new section below it for td only, without transparency:

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 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
background: transparent;
}
td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
}

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#392465

Well done on fixing it. Another option would have been to use either the !important tag in the original modules css or to create a custom suffix but your method is just fine.

1 user says Thank You to Phill for this useful post

1. josnygaa

[Author]

Posts