[Row divider]
Balance Content with no row offset
Padding is applied to the content block only.
--content_innerpadding: 1em;
--content_outerpadding: 5em;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ornare vulputate dui vitae ultricies. Suspendisse sit amet dui augue. Nunc vel ipsum posuere, posuere mi non, egestas felis. Nullam vel ex vulputate, volutpat lectus vitae, faucibus felis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent sed odio sed purus ullamcorper dignissim. Donec ut nisi eget odio sagittis rhoncus eget at velit. Quisque et imperdiet odio. Aenean euismod ex nec interdum viverra.
Nulla cursus condimentum urna non hendrerit. Maecenas est lectus, tincidunt ac mattis ut, blandit eget odio. Pellentesque consequat imperdiet condimentum. Nunc tristique nulla leo, nec condimentum elit tristique at. Donec porta sed diam in viverra. Cras condimentum eleifend metus, id varius quam dictum et. Quisque sagittis ut erat eu rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;
Pellentesque tincidunt, est sed tempor euismod, nisl mi commodo diam, at sagittis orci neque et ante. Ut at sapien mollis, condimentum metus a, pharetra magna. Cras lacinia dui ac mi tincidunt dapibus. Aenean vestibulum, augue eget euismod luctus, magna mauris dictum justo, sit amet facilisis tortor odio ut mi. Donec ultricies tempor velit id condimentum. Praesent fermentum condimentum mi, ac ultricies sem finibus ac. Cras quis fermentum ex. Aliquam iaculis mattis semper. Vestibulum elementum lacus sit amet dapibus porttitor. Aliquam erat volutpat.
Balance Content inside a row offset
Again, padding is applied to the content block only.
--content_innerpadding: 1em;
--content_outerpadding: 5em;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ornare vulputate dui vitae ultricies. Suspendisse sit amet dui augue. Nunc vel ipsum posuere, posuere mi non, egestas felis. Nullam vel ex vulputate, volutpat lectus vitae, faucibus felis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent sed odio sed purus ullamcorper dignissim. Donec ut nisi eget odio sagittis rhoncus eget at velit. Quisque et imperdiet odio. Aenean euismod ex nec interdum viverra.
Nulla cursus condimentum urna non hendrerit. Maecenas est lectus, tincidunt ac mattis ut, blandit eget odio. Pellentesque consequat imperdiet condimentum. Nunc tristique nulla leo, nec condimentum elit tristique at. Donec porta sed diam in viverra. Cras condimentum eleifend metus, id varius quam dictum et. Quisque sagittis ut erat eu rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;
Balance content
See extra padding on left
Balance content
See extra padding on right
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ornare vulputate dui vitae ultricies. Suspendisse sit amet dui augue. Nunc vel ipsum posuere, posuere mi non, egestas felis.
Content with row offset and balance content
Padding is applied to the content block only.
--content_innerpadding: 1em;
--content_outerpadding: 5em; ( Not applicable )
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ornare vulputate dui vitae ultricies. Suspendisse sit amet dui augue. Nunc vel ipsum posuere, posuere mi non, egestas felis. Nullam vel ex vulputate, volutpat lectus vitae, faucibus felis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent sed odio sed purus ullamcorper dignissim. Donec ut nisi eget odio sagittis rhoncus eget at velit. Quisque et imperdiet odio. Aenean euismod ex nec interdum viverra.
Nulla cursus condimentum urna non hendrerit. Maecenas est lectus, tincidunt ac mattis ut, blandit eget odio. Pellentesque consequat imperdiet condimentum. Nunc tristique nulla leo, nec condimentum elit tristique at. Donec porta sed diam in viverra. Cras condimentum eleifend metus, id varius quam dictum et. Quisque sagittis ut erat eu rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;
Pellentesque tincidunt, est sed tempor euismod, nisl mi commodo diam, at sagittis orci neque et ante. Ut at sapien mollis, condimentum metus a, pharetra magna. Cras lacinia dui ac mi tincidunt dapibus. Aenean vestibulum, augue eget euismod luctus, magna mauris dictum justo, sit amet facilisis tortor odio ut mi. Donec ultricies tempor velit id condimentum. Praesent fermentum condimentum mi, ac ultricies sem finibus ac. Cras quis fermentum ex. Aliquam iaculis mattis semper. Vestibulum elementum lacus sit amet dapibus porttitor. Aliquam erat volutpat.
Image content (Banner )
Content appears over the top of the image, its not a background image so responds differenty.
Standard Content block
Balance content is working on this.
It doesn't appear to work with image and content (banner)
.webp)
Image & Content
Text below image.
Image & Content
Text over image.
Image & Content
Text above image.
Stacking Columns ( theme on row )
The next 3 columns are stacked on top of each other.
Balance content needs some attention on this version.
End of stacked columns.
Gradient background colour (70%)
- Image has margin top and bottom
.webp)
Video Not Found
