For users of the TourCMS tour operator ecommerce platform

booking engine border

Hello

Anyone know how to change the thickness of the main table border in the booking engine? I can see that the "line colour" changes the colour but there is no entry for border thickness. Do I need to use CSS? Tried the "table" selector in the CSS but that changes all the table borders. Just want the main one changed. Solutions welcome.

Martin

▶ Reply to This

Replies to This Discussion

Permalink Reply by Paul on June 17, 2009 at 10:46am

Hi Martin,
You are correct to use CSS for this, there is an update planned (eta July I believe) that will make this and other booking engine design changes easier however it's definitely possible with the current code.

Below is the CSS that I just tried (pasted into "Website Manager" > "Design Look & Feel" > "HTML Top"), the code is fairly clunky however I have tested this on my booking engine in IE8 (inc 7 and quirks mode emulation), Firefox, Chrome and Safari) and it seems to produce the desired effect on each step:

<style>
html body table {
border-width: 4px !important;
}

html body table tbody tr td div table {
border-width: 0 !important;
}
</style>

It relies on selector specificity to set the border-width on all the other tables back to zero.

Paul

▶ Reply

Permalink Reply by Martin Hosie on June 17, 2009 at 10:56am

Paul

Thanks a lot, works a treat, and i can safely say i would never of worked that one out :-)

Martin