Documentation
Main Menu -> Appearance
What does the code do?
This code causes the bookings at checkout on the booking page to extend horizontally to 100% of the available width. This provides a cleaner and clearer display of each service at the checkout stage, which can improve the user experience.
Guidance
1. Go to "Appearance" in the menu.
2: Navigate through the different available skins. Find the skin that says "Selected".
3: Click directly on the image or preview of your chosen look to open edit mode.
4: Scroll down until you find a section labeled "Custom CSS."
5: In the field under "Custom CSS", paste the CSS code you find below.
6: After entering the code, click the “Save” button to confirm the changes. Your selected theme will now be updated with the custom CSS.
NB. Updating the code may take a few hours due to cache. We recommend deleting cookies in your browser.
CSS Code
.booknetic-cart { width: 100%; /* Makes the box fill the entire width */ max-width: 1200px; /* Gives a larger maximum width to the box */ padding-right: 60px; /* Increases the distance on the right side */ margin: 0 auto; /* Centers the box */ } .booknetic-cart-col { width: 95%; /* Increases the width of the column */ max-width: none; /* Removes any maximum width */ margin-right: auto; } .booknetic-cart-item { width: 100%; /* Makes each item take the entire width */ max-width: 1100px; /* Adjusts the maximum width */ padding-right: 60px; /* More space to the right */ }
English 
Norsk bokmål 
Norsk nynorsk