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. Gå til Utseende → Bookingside.
Naviger gjennom de forskjellige tilgjengelige utseender. Finn det utseendet som står som Valgt.
Klikk direkte på bildet eller forhåndsvisningen av ditt valgte utseende for å åpne redigeringsmodus.
Scroll nedover til du finner en seksjon merket Tilpasset CSS.
I feltet under Tilpasset CSS, lim inn CSS-koden du finner nedenfor.
Etter å ha lagt inn koden, klikk på Save-knappen for å bekrefte endringene. Ditt valgte utseende vil nå bli oppdatert med den tilpassede CSS-en.
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 */ }