Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

How to have the same css with travel template?

Featured Lock Resolved
Hello!
When i install the Sp Quick Booking module it takes the default css from installed template.
I like travel template css and i want to move it in my site. The css code is:

/*Booking Module*/
div.SPQuickBooking {}
div.SPQuickBooking #spqb-result.ajax-loading {display:inline-block;margin:0 10px;min-width:20px;height:30px;background:url(../images/loader.gif) no-repeat 0 50%;}
div.SPQuickBooking p.pre-text {font-style:italic;color:#999}
div.SPQuickBooking div{margin-bottom:5px}
div.SPQuickBooking label{width:100%;display:block}
div.SPQuickBooking select#room_type {width:96%}

div.SPQuickBooking .spbooking-date-wrapper,
div.SPQuickBooking .spbooking-select-wrapper.adults,
div.SPQuickBooking .spbooking-input-wrapper,
div.SPQuickBooking .spbooking-select-wrapper.childrens{width:45%}

div.SPQuickBooking .spbooking-date-wrapper.check-in,
div.SPQuickBooking .spbooking-input-wrapper.name,
div.SPQuickBooking .spbooking-select-wrapper.adults{float:left}

div.SPQuickBooking .spbooking-date-wrapper.check-out,
div.SPQuickBooking .spbooking-input-wrapper.email,
div.SPQuickBooking .spbooking-select-wrapper.childrens {float:right}

div.SPQuickBooking .spbooking-date-wrapper.check-in input.inputbox.date_picker,
div.SPQuickBooking .spbooking-date-wrapper.check-out input.inputbox.date_picker{width:125px}

div.SPQuickBooking .spbooking-select-wrapper.adults select,
div.SPQuickBooking .spbooking-select-wrapper.childrens select{width:138px}

div.SPQuickBooking .spbooking-input-wrapper input {width:124px}


I try do that with "Module Class Suffix" option but i fail.
I copy the code into custom.css but still nothing.
The module still takes the default css from installed template.

Any solution please? Thanks in advance!

1 Answers

Please login to view replies.

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 183
Sifat

Sifat

Total Accepted Answers: 155
Toufiq

Toufiq

Total Accepted Answers: 65
S

Shana

Total Accepted Answers: 3
Rifat Wahid Alif

Rifat Wahid Alif

Total Accepted Answers: 2

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us