{"id":3610,"date":"2021-12-13T10:25:48","date_gmt":"2021-12-13T10:25:48","guid":{"rendered":"https:\/\/helptest.mainbrainer.com\/knowledge-base\/landing-page-columns-widget\/"},"modified":"2022-06-27T07:29:27","modified_gmt":"2022-06-27T07:29:27","slug":"kolonner","status":"publish","type":"ht_kb","link":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/landingsside\/lage\/kolonner\/","title":{"rendered":"Landingssidens Kolonne-widget"},"content":{"rendered":"
\n

Kolonne-<\/strong>widgeten hjelper deg med \u00e5 dele opp arbeidsomr\u00e5det i separate kolonner (2, 3 eller 4 kolonner). Deretter kan du fortsette \u00e5 dra og slippe en hvilken som helst annen widget p\u00e5 de opprettede kolonnene. Legg for eksempel til en tekst\/bilde\/knapp eller et annet designelement i henhold til dine krav.<\/p>\n

<\/div>\n

Hvordan bruker jeg en kolonne-widget p\u00e5 en landingsside?<\/h1>\n

Trinn 1<\/h3>\n

Naviger til landingssidebyggeren<\/h3>\n

Bruk hovedmenyen<\/strong> til venstre for \u00e5 opprette en landingsside<\/strong> og deretter navigere til landingssidebyggeren<\/a> .<\/p>\n

<\/div>\n

Trinn 2<\/h3>\n

Legg til en kolonne-widget p\u00e5 landingssiden din<\/h3>\n

Det tomme omr\u00e5det til venstre er arbeidsomr\u00e5det<\/strong> der du designer landingssiden din, og omr\u00e5det til h\u00f8yre er verkt\u00f8yomr\u00e5det der alle tilgjengelige designelementer vises som widgets<\/a> .<\/p>\n

For \u00e5 dele et mellomrom i arbeidsomr\u00e5det ditt i kolonner, dra og slipp Kolonner-<\/strong> widgeten til arbeidsomr\u00e5det (som uthevet i skjermbildet nedenfor)<\/em> .<\/p>\n

<\/div>\n

\"Innstilling<\/p>\n

<\/div>\n

Trinn 3<\/h3>\n

Angi antall kolonner du \u00f8nsker \u00e5 dele widgetomr\u00e5det inn i<\/h3>\n

N\u00e5r du slipper widgeten inn i arbeidsomr\u00e5det vil widget-innstillinger<\/strong> vises p\u00e5 h\u00f8yre  (Som markert i skjermbildet nedenfor).<\/em><\/p>\n

<\/div>\n

\"Angi<\/p>\n

<\/div>\n
\n

Bruk kolonne-innstillingene<\/strong> for \u00e5 angi antall kolonner du \u00f8nsker \u00e5 dele widgetomr\u00e5det inn i.<\/p>\n<\/div>\n

Klikk Lagre<\/strong> .<\/p>\n

<\/div>\n

Trinn 4<\/h3>\n

Tilpass kolonnenes bakgrunn og design<\/h3>\n

Du kan redigere det generelle utseendet til kolonnene dine ved \u00e5 bruke alternativene som er tilgjengelige under Stil-<\/strong>fanen (som vist i skjermbildet nedenfor).<\/em><\/p>\n

<\/div>\n

\"Bakgrunnsfarge<\/p>\n

<\/div>\n

Her bruker du feltene:<\/p>\n