Ivr-YouTube Embed for WordPress
About This plugin is developed for TheDesignOrder website in the 2023 revamp project. it provides a shortcode to…
Astra Theme – Sample style.css
This is a sample style.css file for Astra Theme. More explanation can be found here. /* Hide x-overflow…
Add Popup Banner on Top of Page Header
Introduction This is a hello popup on top of the page header and is triggered by events set…
Control of Page Anchor Offset
Propose To have more control on the scrolling to an anchor point (<a> tag) on the page, it…
Slick Slider – hide slides during slider initialization
Purpose During loading of the Slick slider, all slide images can appear on the page for around a…
Tags: css, javascript
Making a Child div Wider Than the Parent div
In these two examples, the div with class '.child' is full width which is wider than the parent.…
Tags: css
Responsive Fonts
Introduction This article describes the use of CSS to control the font-size of large-sized text for different screen…
Tags: css
Handling CSS Outline property
Purposes By default, an outline will surround an clickable element when that element is in focus on a…
Tags: css
Elementor – Left Col Fullwidth & Right Col in Grid (CSS only)
Purpose This article describes the method used to achieve the column structure described in the title. By default,…
Elementor – Left Col in Grid & Right Col Fullwidth (CSS only)
Purpose There is another article on the same subject but the described method uses the "Happy Addon for…
Maintain the aspect ratio of images/videos
Introduction To create a box with the required Width : Height ratio, so that image or video inside…
Blockquote Styling
The blockquote styling provided by the Elementor Text-Editor is very basic. To meet the design specification, the blockquotes…
Limit text length to n lines using CSS
This sample CSS code controls the lines of text (not the character number). Very useful to limit the…
Tags: css
Contact Form 7 – Styling with CSS
Introduction This article describes the method using CSS to style the CF7. There are some plugins for Elementor…
Elementor – Left Col in Grid & Right Col Fullwidth (w/ Happy Addon)
Purpose This article describes the method used in the Alicia Pilates project to achieve the column structure described…
CSS List with Custom Bullets
Purpose This article describes two methods using CSS to change the bullet type / shape of the unorder…
A Better Way to Create Buttons in Elementor
Introduction This article describes the method to create a button in Elementor to meet the required button width…
Create Rotated Text using Elementor
Introduction Create an Inner Section to contain 2 columns and added with a Heading element at each column…