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 InstSome readersUploading Custom Fonts
In this tutorial video we'll show how to upload and use custom fonts on your website.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 (https://stFew readersUsing the PicTime Gallery Plugin
In this tutorial video we'll show how to set-up and use the StyleCloud PicTime plugin.Few readersSpace 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 readersHow to Create and Use Anchor Links
Anchor links—also known as "jump links" or "page jumps"—are a powerful way to improve user experience by letting your clients quickly navigate to specific sections of a page or post. Whether you are building a long post, a FAQ page, or a one-page site, anchor links can help streamline navigation. An anchor link allows users to "jump" directly to a section of the same page (or another page) by clicking a link. It works using an HTML element's id attribute. For example: Clicking "Go to FeaFew 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 Add a Typed Text Effect for Your StyleCloud Website
Typed Text feature animates your text so that it looks like it’s being typed out in real-time. This effect works well in headers, call-to-action areas, or any text block where you want to highlight multiple messages engagingly. Ideal for hero sections, intros, or call-to-action areas, this effect adds motion and personality to your StyleCloud site without needing complex code. Customize typing speed, loop behavior, cursor style, and more to match your design needs. How to Add TFew readersHow to Set Up Video Autoplay
Adding video content to your website can enhance engagement and user experience—especially when implemented strategically. However, when it comes to autoplaying videos, there are a few important considerations, limitations, and best practices to follow. Video Autoplay on Mobile devices Modern browsers require videos to be muted in order for autoplay to function. This is a privacy and user-experience safeguard to prevent unexpected audio playback when a page loads. Use a muteFew readersHow to Display Vertical Rotated Text
Want to rotate text or elements in WordPress ? Whether you are aiming for a stylish tilt or a full 90-degree spin, there two simple ways to do it—with or without code. Method 1: Rotate Elements Using Built-In Settings (No Code) 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. (https://storage.crisp.chat/users/helpdesk/webFew 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 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 readersJustify Text for Clean and Aligned Layouts for Your StyleCloud Website
Justified text creates a neat, balanced look by aligning content evenly along both the left and right margins. This style is commonly used in newspapers, books, and formal documents but it's also a powerful tool for web and interface design when used thoughtfully. With the Justify Text feature, you can apply full-width alignment to paragraphs, giving your content a more structured and polished appearance. It is perfect for creating readable layouts, especially in multi-column designs orFew 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 readersShowcase Your Photos with PicTime Gallery Plugin
StyleCloud's Pic-Time plugin workflow offers photographers a faster, smarter way to blog. By using the StyleCloud Pic-Time plugin with WordPress, you can import images directly from Pic-Time galleries—automatically resized, renamed for SEO, and watermark-free. The workflow includes: Quick plugin setup to connect Pic-Time with WordPress Flexible watermarking to keep your blog clean Kadence Gallery integration for beautiful, responsive image layouts StyleCloud blog layoutsFew readers
