Page 1 of 1

Page Design, show always num of nights

Posted: Fri May 24, 2019 10:34 am
by dospalmas3
I'm busy with using the page design layout to integrate as an embedded iframe into our website. The first part lets the quest to select checkin, checkout dates, number of nights, adults, children and multiple booking. The page is responsive and what I see now is that depending the type of device (laptop, smartphone, tablet, etc) the field number of nights is shown or hide. If I look into the generared code of the page, I see that the field number of nights is available, but has a CSS class to hide this content.
Is there a way to force showing the content of this field always?

Thanks in advanced,
René

Re: Page Design, show always num of nights

Posted: Fri May 24, 2019 1:06 pm
by annettemorgenroth
You can do this with custom CSS.

Add

@media only screen and (max-width: 767px){
.b24-selector-numnight {display: block;}
}

in SETTINGS > BOOKING PAGE > DEVELOPERS > "Custom CSS"

For more CSS options have a look here:
https://wiki.beds24.com/index.php/Custom_CSS

Re: Page Design, show always num of nights

Posted: Sat May 25, 2019 5:06 pm
by dospalmas3
Thanks!

I had to modify it a little bit, because on a mobile device it was shown with the num of nights and on tablet and laptop it was hidden.

The follow code is added to the custom CSS:

Code: Select all

@media only screen and (min-width: 768px) {
  .b24-selector-numnight { display: inline-block !important; }
}