Backend custom CSS

Guides to quickly getting up and running with Beds24
Post Reply
naiwokhills
Posts: 9
Joined: Sun Oct 02, 2022 7:35 am

Hi!

Can the backend be customized? (the font, for example): I can only find documentation to customize the CSS of the booking engine.

Thanks!
annettemorgenroth
Posts: 1331
Joined: Sun Jun 30, 2013 8:44 am

Yes you can. Please see here for a list of CSS customization options we offer in the "Control Panel" section: https://wiki.beds24.com/index.php/Custom_CSS

You can also use developer tools in your browser to identify the classes yourself.

Then click on the 'User' icon on the top right and then on 'Account Management (in the old control panel SUB ACCOUNT in the top right) then click on 'Manage Account' and add your styles in 'Control panel custom CSS'.
naiwokhills
Posts: 9
Joined: Sun Oct 02, 2022 7:35 am

Thanks! I have been able to do some of the things I was looking for. There are 2 things I couldn't figure our yet (if they are even possible):

- Change the font of the whole control panel

- Change the color of a reservation in the calendar when it is checked-in or checked-out.

Thanks!
lesleywoermeijer
Posts: 291
Joined: Wed Dec 28, 2016 2:20 pm

You need to identify the Class you want to set the font for, then you can add to the Custom CSS for your control panel. For example, to change the background colour of the control panel header :- https://wiki.beds24.com/index.php/Custo ... ound_color

To change the colour of your bookings/flags, you can use an Auto Action, the flag colour can be triggered on Booking Info Codes. You can find examples in this section of the help page for Auto Actions :- https://wiki.beds24.com/index.php/Auto_ ... .2FColours
Post Reply