15% kaikista taustakuvista ja seinämaalauksista maaliskuun 26. päivään asti 🌷

  • Koti
  • / Mukautettu tapetti

Test heading for demo

This is the one I'm trying to achieve 0 margin top on

Astu kevääseen

Kevät on ilmassa, ja se on täydellinen aika virkistää tilasi pehmeillä pastelliväreillä, kukka-aksenteilla ja luonnon hiljaisen tyylikkyyden inspiroimilla vesivärisävyillä.

To preserve the old behavior, checking the "remove_element_default_spacing" checkbox on the rich_paragraph will remove the default hard-coded 16px top margin. This allows the spacing to be applied to the wrapper element around the <p> instead.

The spacing is controlled with the "Margin Top Class" on the rich paragraph BUT the "P" elements have a default 16px margin top (default behavior)
The spacing is controlled with the "Margin Top Class" on the rich paragraph BUT the "P" elements doesn't have the default margin top (updated version)

Content above the rich paragraph 0

This is a rich paragraph 0 - has the default margin-top of 16px

Content above the rich paragraph 1

This is a rich paragraph 1 - has the default margin-top of 16px

Content above the rich paragraph 2

This is a rich paragraph 2 - has the default margin-top of 16px

Content above the rich paragraph 3

This is a rich paragraph 3 - has the default margin-top of 16px

Content above the rich paragraph 4

This is a rich paragraph 4 - has the default margin-top of 16px

Content above the rich paragraph 5

This is a rich paragraph 5 - has the default margin-top of 16px

Content above the rich paragraph 6

This is a rich paragraph 6 - has the default margin-top of 16px

Content above the rich paragraph 7

This is a rich paragraph 7 - has the default margin-top of 16px

Content above the rich paragraph 0

This is a rich paragraph 0 - without the margin-top on the "p", and no spacing above the wrapper element.

Content above the rich paragraph 1

This is a rich paragraph 1 - without the margin-top on the "p", but the wrapper has an 8px margin-top

Content above the rich paragraph 2

This is a rich paragraph 2 - without the margin-top on the "p", but the wrapper has a 16px margin-top

Content above the rich paragraph 3

This is a rich paragraph 3 - without the margin-top on the "p", but the wrapper has a 24px margin-top

Content above the rich paragraph 4

This is a rich paragraph 4 - without the margin-top on the "p", but the wrapper has a 32px margin-top

Content above the rich paragraph 5

This is a rich paragraph 5 - without the margin-top on the "p", but the wrapper has a 48px margin-top

Content above the rich paragraph 6

This is a rich paragraph 6 - without the margin-top on the "p", but the wrapper has a 64px margin-top

Content above the rich paragraph 7

This is a rich paragraph 7 - without the margin-top on the "p", but the wrapper has a 96px margin-top

Full width buttons Primary button from Storyblok Primary button from Storyblok
Buttons have margin tops primary medium medium margin-top-none primary medium medium margin-top-xt primary medium medium margin-top-xxs primary medium medium margin-top-xs primary medium medium margin-top-small primary medium medium margin-top-medium primary medium medium margin-top-large primary medium medium margin-top-xl
Button has link primary with link so it's an secondary with link so it's an transparent with link but type null
Button with icon circle-check primary with icon circle-check primary with icon