{"id":28084,"date":"2026-02-10T14:48:46","date_gmt":"2026-02-10T13:48:46","guid":{"rendered":"https:\/\/bookingtjeneste.no\/dokumentasjon\/forstorre-visningen-av-bookinger-i-kasse-trinnet\/"},"modified":"2026-02-11T00:46:28","modified_gmt":"2026-02-10T23:46:28","slug":"forstorre-visningen-av-bookinger-i-kasse-trinnet","status":"publish","type":"kb_article","link":"https:\/\/bookingtjeneste.no\/en\/dokumentasjon\/forstorre-visningen-av-bookinger-i-kasse-trinnet\/","title":{"rendered":"Enlarge the view of bookings in the checkout step"},"content":{"rendered":"<div class=\"btkb-nav-path\">Administrasjon <span class=\"btkb-path-sep\">&rsaquo;<\/span> Look<\/div>\n<h2>What does the code do?<\/h2>\n<p>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.<\/p>\n<h2>Guidance<\/h2>\n<p>1. G\u00e5 til Utseende \u2192 Bookingside.<\/p>\n<div class=\"btkb-steps\">\n<div class=\"btkb-step\">\n<div class=\"btkb-step-content\">\n<p>Naviger gjennom de forskjellige tilgjengelige utseender. Finn det utseendet som st\u00e5r som <span class=\"btkb-ui\">Valgt<\/span>.<\/p>\n<\/div>\n<\/div>\n<div class=\"btkb-step\">\n<div class=\"btkb-step-content\">\n<p>Klikk direkte p\u00e5 bildet eller forh\u00e5ndsvisningen av ditt valgte utseende for \u00e5 \u00e5pne redigeringsmodus.<\/p>\n<\/div>\n<\/div>\n<div class=\"btkb-step\">\n<div class=\"btkb-step-content\">\n<p>Scroll nedover til du finner en seksjon merket <span class=\"btkb-ui\">Tilpasset CSS<\/span>.<\/p>\n<\/div>\n<\/div>\n<div class=\"btkb-step\">\n<div class=\"btkb-step-content\">\n<p>I feltet under <span class=\"btkb-ui\">Tilpasset CSS<\/span>, lim inn CSS-koden du finner nedenfor.<\/p>\n<\/div>\n<\/div>\n<div class=\"btkb-step\">\n<div class=\"btkb-step-content\">\n<p>Etter \u00e5 ha lagt inn koden, klikk p\u00e5 <span class=\"btkb-ui\">Save<\/span>-knappen for \u00e5 bekrefte endringene. Ditt valgte utseende vil n\u00e5 bli oppdatert med den tilpassede CSS-en.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"btkb-callout btkb-callout--warning\">\n<p>NB. Updating the code may take a few hours due to cache. We recommend deleting cookies in your browser.<\/p>\n<\/div>\n<h3>CSS Code<\/h3>\n<div class=\"btkb-code\">\n<div class=\"btkb-code-header\">CSS<\/div>\n<pre><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 *\/ }<\/code><\/pre>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Administrasjon &rsaquo; Utseende Hva gj\u00f8r koden? Denne koden gj\u00f8r at bookingene ved kassen p\u00e5 bookingsiden strekker seg horisontalt til 100 % av tilgjengelig bredde. Dette gir en ryddigere og mer oversiktlig visning av hver tjeneste i kassetrinnet, noe som kan&#8230;<\/p>","protected":false},"featured_media":0,"menu_order":3,"template":"","meta":[],"kb_category":[83],"class_list":["post-28084","kb_article","type-kb_article","status-publish","hentry","kb_category-utseende"],"_links":{"self":[{"href":"https:\/\/bookingtjeneste.no\/en\/wp-json\/wp\/v2\/kb_article\/28084","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bookingtjeneste.no\/en\/wp-json\/wp\/v2\/kb_article"}],"about":[{"href":"https:\/\/bookingtjeneste.no\/en\/wp-json\/wp\/v2\/types\/kb_article"}],"wp:attachment":[{"href":"https:\/\/bookingtjeneste.no\/en\/wp-json\/wp\/v2\/media?parent=28084"}],"wp:term":[{"taxonomy":"kb_category","embeddable":true,"href":"https:\/\/bookingtjeneste.no\/en\/wp-json\/wp\/v2\/kb_category?post=28084"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}