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

Rifat Wahid Alif - Staff

More than a month ago #Permalink
you will get default css code here: 'modules\mod_sp_quick_booking\elements\css\style.css'
after remove this css, sp_quick_booking will get your custom css.


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 127
Sifat

Sifat

Total Accepted Answers: 89
Toufiq

Toufiq

Total Accepted Answers: 45
Pavel

Pavel

Total Accepted Answers: 6
Sohan

Sohan

Total Accepted Answers: 5

114

Templates

292733

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