Page Design, show always num of nights

Everything related to your website and the Beds24 widgets
Post Reply
dospalmas3
Posts: 6
Joined: Sun May 19, 2019 5:55 pm

Page Design, show always num of nights

Post by dospalmas3 » Fri May 24, 2019 10:34 am

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é

annettemorgenroth
Posts: 927
Joined: Sun Jun 30, 2013 8:44 am

Re: Page Design, show always num of nights

Post by annettemorgenroth » Fri May 24, 2019 1:06 pm

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

dospalmas3
Posts: 6
Joined: Sun May 19, 2019 5:55 pm

Re: Page Design, show always num of nights

Post by dospalmas3 » Sat May 25, 2019 5:06 pm

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; }
}

Post Reply