{"id":3582,"date":"2021-12-13T10:25:52","date_gmt":"2021-12-13T10:25:52","guid":{"rendered":"https:\/\/helptest.mainbrainer.com\/knowledge-base\/landing-page-spacer-widget\/"},"modified":"2022-06-27T07:19:23","modified_gmt":"2022-06-27T07:19:23","slug":"avstand","status":"publish","type":"ht_kb","link":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/landingsside\/lage\/avstand\/","title":{"rendered":"Landingssidens Mellomrom-widget"},"content":{"rendered":"<div class=\"aricle_container\">\n<p><strong>Mellomroms-widgeten<\/strong>&nbsp;hjelper deg med \u00e5 legge til et negativt mellomrom mellom to widgeter.<\/p>\n<p>Negativt mellomrom refererer til mellomrommet mellom ulike innholdsblokker p\u00e5 landingssiden din. \u00c5 inkludere negativ plass p\u00e5 landingssidene dine er viktig b\u00e5de fra estetisk og funksjonelt synspunkt. Sider med negativ plass ser bedre ut og er lettere \u00e5 lese, spesielt p\u00e5 mindre skjermer.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1836\" title=\"Landing page spacer widget example\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landingsside-mellomrom-widget-eksempel.png\" alt=\"Eksempelbilde som viser brukbarheten til avstandsmodulen for en landingsside\" width=\"640\"><\/p>\n<div style=\"padding: 24px 0;\"><\/div>\n<h2>Hvordan bruke en mellomroms-widget p\u00e5 en landingsside?<\/h2>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>Trinn 1<\/h3>\n<h3>Naviger til landingssidebyggeren<\/h3>\n<p>Bruk <strong>hovedmenyen<\/strong> til venstre for \u00e5 opprette en <strong>landingsside<\/strong> og deretter <a href=\"\/hc\/nb_NO\/landingsside\/lage\/opprett-ny\/\" target=\"_blank\" rel=\"noopener noreferrer\">navigere til landingssidebyggeren<\/a> .<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>Trinn 2<\/h3>\n<h3>Legg til en spacer-widget p\u00e5 landingssiden din<\/h3>\n<p>Det tomme omr\u00e5det til venstre er <strong>arbeidsomr\u00e5det<\/strong> der du designer landingssiden din, og omr\u00e5det til h\u00f8yre er verkt\u00f8yomr\u00e5det der alle tilgjengelige designelementer vises som <a href=\"\/hc\/nb_NO\/landingsside\/lage\/widgets\/\" target=\"_blank\" rel=\"noopener noreferrer\">widgets<\/a>.<\/p>\n<p>For \u00e5 legge til negativ plass p\u00e5 landingssiden din, m\u00e5 du dra og slippe&nbsp;<strong>mellomroms-modulen<\/strong> til arbeidsomr\u00e5det <em>(som fremhevet i skjermbildet nedenfor)<\/em>.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1837 size-full\" title=\"Landing page spacer drag and drop\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landingsside-mellomrom-widget.png\" alt=\"Landingssidddebygger, dra og slipp mellomrom-widget\" width=\"521\" height=\"743\"><\/p>\n<div style=\"padding: 24px 0;\"><\/div>\n<h3>Trinn 3<\/h3>\n<h3>Design plassen etter behov!<\/h3>\n<p>N\u00e5r du slipper widgeten inn i arbeidsomr\u00e5det vil widget-<strong>innstillinger<\/strong> vises p\u00e5 h\u00f8yre side <em style=\"box-sizing: border-box; font-family: elevio-noto-sans, Helvetica, Arial, sans-serif; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; text-size-adjust: 100%; font-style: italic; color: rgba(0, 0, 0, 0.8); font-size: 16px; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\">(som markert i skjermbildet <span style=\"color: rgba(0, 0, 0, 0.8); font-family: elevio-noto-sans, Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; display: inline !important; float: none;\">nedenfor).<\/span><\/em><\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1838\" title=\"Landing page spacer style\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landingsside-mellomrom-widget-styling.png\" alt=\"Landing Page Spacer Widget styling-fane\" width=\"640\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>Her bruker du feltene:<\/p>\n<h4><strong>3.1 Widget Bakgrunnsfarge<\/strong><\/h4>\n<ul style=\"list-style-type: circle;\">\n<li>Bruk fargevelgeren for \u00e5 spesifisere fargen p\u00e5 dette negative rommet, eller<\/li>\n<li>Merk av i boksen \u2013 <strong>Widget Bakgrunn Gjennomsiktig<\/strong> hvis du \u00f8nsker \u00e5 gj\u00f8re denne plassen gjennomsiktig.<\/li>\n<\/ul>\n<div style=\"padding: 14px 0;\"><\/div>\n<h4>3.2 Mellomromsh\u00f8yde<\/h4>\n<p>Bruk mellomromsh\u00f8yde-linjen for \u00e5 justere h\u00f8yden p\u00e5 denne tomme plassen.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p>Klikk <strong>Lagre<\/strong>, og det er det!<\/p>\n<p>Du har lagt til tomrom mellom to innholdsblokker p\u00e5 landingssiden din!<\/p>\n<p>La oss fortsette og se p\u00e5 hvordan du legger til et kart p\u00e5 en landingsside ved \u00e5 bruke <a href=\"\/hc\/nb_NO\/landingsside\/lage\/kart\/\" target=\"_blank\" rel=\"noopener noreferrer\">kart-widgeten<\/a>!<\/p>\n<\/div>\n<style>\n  .aricle_container p,.aricle_container li{color: rgba(0,0,0,.8)!important}  .aricle_container span{color:#0070ba!important}.aricle_container li,.aricle_container blockquote{font-size:18px!important;    font-weight: 400;<br \/>\n  }<br \/>\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Avstandsmodulen hjelper deg med \u00e5 legge til et tomt mellomrom mellom to widgets\/innholdsblokker p\u00e5 landingssiden din.<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"open","template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"ht-kb-category":[279],"ht-kb-tag":[],"class_list":["post-3582","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-landing-page-builder-nb_no"],"_links":{"self":[{"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb\/3582","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/comments?post=3582"}],"version-history":[{"count":8,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb\/3582\/revisions"}],"predecessor-version":[{"id":10702,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb\/3582\/revisions\/10702"}],"wp:attachment":[{"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/media?parent=3582"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb-category?post=3582"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb-tag?post=3582"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}