-
Posts
-
Hi, I am using the booking.com search box plugin, however the enfold styling for calendars and drop downs seems to conflict, rendering the box out of alignment and the calendars not very user friendly.
Is there a way to disable the default enfold styling from a specific widget?
Hey roamingk,
We would need to basically override the css. Can you provide a link to the site/page in question with the widget?
Best regards,
Jordan ShannonHello, Sure…, There are several instances of the widget.
One example can be seen here*Search box in the right hand side”
Here is what the app says it should look like
Hi,
Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
#b_checkin_day, #b_checkin_month { display:inline-block !important; }Best regards,
RikardOk that fixed the alignment. I had to do the same on the check out line with the following
#b_checkin_day, #b_checkin_month {
display:inline-block !important;
}#b_searchboxInc {
display:inline-block !important;
}#b_checkout_day, #b_checkout_month {
display:inline-block !important;
}It now looks like this
On Chrome, the little drop down arrows seem to be aligned strange, on the month drop down they are blocking the year and on the date they are very close to the number. Is there css to align them to the right or to just set them to default? I have tried to use the inspector to find the css element, but was not sure what the css should be?
Also it seems to re-style the calendar pop up also.
Hi roamingk,
Can you try adding this css code also:
#top #flexi_searchbox select { background-image: none !important; }Hope it helps.
Best regards,
Nikkothat seems to have removed the arrow element. thanks. I take it there is no way to remove the styling from the entire widget element?
- You must be logged in to reply to this topic.