Kadence Carousel
Modifications and styling to make the dang arrows not go overtop the logos, which they do by default…. aargh
Kadence Row Block with Text content-width (boxed)
This is achieved using the new ‘Break Left Section Full Width‘ and ‘Break Right Section Full Width‘ settings for the Kadence Row block, with a bunch of styling and the use of additional row block within some (sometimes both) main Sections
not made into a pattern…
Break Left section Full-width – Content in both columns
fgjyhj gyhyjh gn gfd jgf ngf nfgh jgfnh fg dfh dfh fdh fdh fdh fdgh fdg hfdgdfg bfdxgb fdgbh dfgbh dfgb fdgb fdgb dfgb fdgb dfgb fdgb fgb hfdg hfd ghfdg hf hfg
not made into a pattern…
Break Right section Full-width – Content in both columns
fgjyhj gyhyjh gn gfd jgf ngf nfgh jgfnh fg dfh dfh fdh fdh fdh fdgh fdg hfdgdfg bfdxgb fdgbh dfgbh dfgb fdgb fdgb dfgb fdgb dfgb fdgb fgb hfdg hfd ghfdg hf hfg
Row Block Setting: Break Left section Full-width – 50/50
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas rutrum egestas felis, in blandit mi dapibus a. Quisque non elementum nisi. Nullam at lobortis ante, eget condimentum orci. Donec consequat felis sed sagittis condimentum. Morbi gravida auctor hendrerit. Curabitur in suscipit nisl. Etiam laoreet erat vel tortor ullamcorper iaculis.
Row Block Setting: Break Left section Full-width – 40/60
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas rutrum egestas felis, in blandit mi dapibus a. Quisque non elementum nisi. Nullam at lobortis ante, eget condimentum orci. Donec consequat felis sed sagittis condimentum. Morbi gravida auctor hendrerit. Curabitur in suscipit nisl. Etiam laoreet erat vel tortor ullamcorper iaculis.
Row Block Setting: Break Right section Full-width – 50/50
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas rutrum egestas felis, in blandit mi dapibus a. Quisque non elementum nisi. Nullam at lobortis ante, eget condimentum orci. Donec consequat felis sed sagittis condimentum. Morbi gravida auctor hendrerit. Curabitur in suscipit nisl. Etiam laoreet erat vel tortor ullamcorper iaculis.
Row Block Setting: Break Right section Full-width
Cols: 60/40
Image Type: Background Image
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas rutrum egestas felis, in blandit mi dapibus a. Quisque non elementum nisi. Nullam at lobortis ante, eget condimentum orci. Donec consequat felis sed sagittis condimentum. Morbi gravida auctor hendrerit. Curabitur in suscipit nisl. Etiam laoreet erat vel tortor ullamcorper iaculis.
Row Block Setting: Break Right section Full-width
Cols: 50/50
Image Type: Image (uses object-fit so it resizes and fills the area HOWEVER, the height of the image affects the overall height of the row)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas rutrum egestas felis, in blandit mi dapibus a. Quisque non elementum nisi. Nullam at lobortis ante, eget condimentum orci. Donec consequat felis sed sagittis condimentum. Morbi gravida auctor hendrerit. Curabitur in suscipit nisl. Etiam laoreet erat vel tortor ullamcorper iaculis.
Row Block Setting: Break Right section Full-width
Cols: 60/40
Image Type: Image (uses object-fit so it resizes and fills the area HOWEVER, the height of the image affects the overall height of the row)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas rutrum egestas felis, in blandit mi dapibus a. Quisque non elementum nisi. Nullam at lobortis ante, eget condimentum orci. Donec consequat felis sed sagittis condimentum. Morbi gravida auctor hendrerit. Curabitur in suscipit nisl. Etiam laoreet erat vel tortor ullamcorper iaculis.
Row Block Setting: Break Left section Full-width + Break Right section Full-width – 50/50
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas rutrum egestas felis, in blandit mi dapibus a. Quisque non elementum nisi. Nullam at lobortis ante, eget condimentum orci. Donec consequat felis sed sagittis condimentum. Morbi gravida auctor hendrerit. Curabitur in suscipit nisl. Etiam laoreet erat vel tortor ullamcorper iaculis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas rutrum egestas felis, in blandit mi dapibus a. Quisque non elementum nisi. Nullam at lobortis ante, eget condimentum orci. Donec consequat felis sed sagittis condimentum. Morbi gravida auctor hendrerit. Curabitur in suscipit nisl. Etiam laoreet erat vel tortor ullamcorper iaculis.