https://brandandbuildtemplates.me/kadence-cloud/category/headings/
Note: It’s best to move the CSS in the Custom CSS toggle of the parent row to your child theme stylesheet, code snippets plugin, or the additional CSS section in the customiser so you can use the headings across your site.
When adding a new advanced text block you need to add two CSS classes to the CSS field in the Advanced settings toggle:
1) bb-headings-with-lines (this adds the lines)
2) left, right or center, depending on your text alignment. (this places the lines in the correct place)
The lines will adopt your first accent colour set in the customiser. You can change this colour in the CSS in the Custom CSS toggle of the parent row by changing the background global palette variable from 1 – 9.
background: var(–global-palette1);
Your Title
Your Title
Your Title
Note: This carousel is designed to call the existing Splide.js files from within Kadence and create a carousel container around the query loop block. You can then add whatever blocks you like inside the query loop and use even use dynamic content to retrieve custom fields.
I’ve included basic carousel settings in the code, but Splide has many options and you can add your own by referring to the Splide options page.
I’ve also included the two standard Kadence breakpoints, but you can change these or add more breakpoints.
Copy the code from the custom HTML block below in to Page Scripts > Custom CSS and JS > Footer on this page, and then delete the custom HTML block. The carousel will not display while you are editing this page, so view the frontend to see the carousel.
