Insert Custom Content with Kadence Pro Hooked Elements
Kadence offers premium plugin called Kadence Pro Plugin, one of the features is called Hooked Elements (or Element Hooks) which provides an interface to build an element using the WordPress Gutenberg editor (or custom code) and hook it to one of the several locations on your site’s pages so it appears exactly where and when you want. In short, element hooks allow you to add content in different areas of a page, with unlimited customization options. How to use Hooked Elements InstPopularSpace Between: Column Alignment Simplified
Creating a clean and polished column layout in WordPress can be tricky, especially when your content varies in length. One common issue is misaligned buttons when using Kadence Blocks — they often end up uneven across columns, making the layout look messy. In this article, we will show you a simple and effective way to align all buttons to the bottom of their respective columns — regardless of the content above. Step 1: Set Column Height to 100% Start by selecting the **RowFew readersUploading Custom Fonts using 3rd-party-tools
In this tutorial video we'll show how to upload and use custom fonts on your website. Uploading Custom FontsFew readersHighlight Feature: Style Any Text for Your StyleCloud Website
Highlighting important text can make your content more engaging, scannable, and visually appealing. With Advanced Highlight feature, you can easily apply styles to specific strings of text—whether you are emphasizing keywords, drawing attention to a call to action, or simply improving readability. Thanks to the Advanced Highlight feature you can now apply multiple fonts, colors, and text weights to a single line—no coding required. What is the Advanced Highlight Feature?Few readersBurger Menu on Desktop
If you want a consistent, mobile-style navigation experience across all screen sizes, you can easily configure the burger menu (also known as dropdown menu) to appear on desktop, tablet, and mobile. How to Enable the Burger Menu on All Devices To force the mobile (burger) menu layout to display everywhere: Go to Appearance > Customize > Header > Design Find the setting labeled "Screen Size to Switch to Mobile Header" In the input box, enter 4000px  Click on the text block you want to rotate. In the right-hand sidebar, go to the Style section. Scroll down until you find the "Text Orientation" settings. Click to expand it. Apply a rotation.  by clicking a link. It works using an HTML element's id attribute. For example: Clicking **"Go to FeaFew readersStyling Blocks with Custom CSS
At StyleCloud, we have developed a collection of beautifully designed blocks tailored to elevate our clients’ websites. Among these, select blocks include custom CSS enhancements that provide added design flexibility and customization options. These features allow clients to fine-tune visual elements with greater control, ensuring each block can align seamlessly with their brand and layout preferences. By integrating visual block editing with the option for custom CSS, we help bridge theFew readersHow to Use Z-Index for Layered Design
When working with overlapping elements, controlling which content appears in front is essential for a clean, functional layout. That’s where Z-Index comes in. Z-Index allows you to manage the stacking order of elements on the page, you can control what stays on top and what sits behind. In this article, you will learn how to use Z-Index effectively to create dynamic, well-structured designs that look great and function smoothly for your StyleCloud websites. How to use Z-IndexFew readersHow to Create Buttons with Custom Styles for Your StyleCloud Website
Buttons are one of the most important design elements on any website. Whether you are prompting users to "Buy Now," "Learn More," or "Get Started," a well-designed button can significantly boost engagement and conversions. StyleCloud created blocks where buttons have custom styling, therefore when choosing a block with and it has custom styled button, it needed to edit manually, it will not automatically apply website's stylekit. How to Style the Button In the block settings panelFew readers
