Author: Karishma K K

Why wp_enqueue_style() not Working?

First step is to ensure you are using the correct path of the CSS file. For the responsive Directory use Example: The second step is to ensure that wp_head() is being called on the page you are displaying. It can be placed in your header template (in between <head></head tags) or on top of archives/post files etc.… Continue reading Why wp_enqueue_style() not Working?

WP Rocket – WordPress caching plugin

WP Rocket is a premium cache plugin for WordPress.  It doesn’t require configuration; as soon as you turn it on, your website will start to gain the following advantages: Static HTML version of your content cached for desktop and mobile devices Browser caching Cross-Origin support for web fonts  Detection and support of various third-party plugins, themes, and hosting environments Combination of inline and 3rd party scripts WooCommerce Refresh Cart Fragments Cache CACHE You… Continue reading WP Rocket – WordPress caching plugin

MetaSlider Plugin in WordPress

The ideal slider plugin for any WordPress website is MetaSlider. We can create Image Slides, Video Slides, Layer Slides, Product Slides, Post Feed Slides, HTML Slides, and Carousel Slides. Basics steps to include MetaSlider in a WordPress website: Install MetaSlider plugin In its dashboard, choose slider format and add sliders. For full width, recommend that… Continue reading MetaSlider Plugin in WordPress

How to enqueue style.css file in WordPress theme

It is best to combine all enqueued scripts and styles into a single function, and then call them using the wp_enqueue_scripts action. add_theme_scripts() → Any name can be used for naming the function get_stylesheet_uri() → This function automatically finds the style.css file in the theme folder and outs its URL.

Contact Form to Any API – WP plugin

What is contact form 7 (cf7) plugin?CF7 is a WordPress plugin. Multiple contact forms can be managed by Contact Form 7, and you can dynamically adjust the form and the email’s contents with easy markup. The form supports CAPTCHA, Akismet spam screening, Ajax-powered submission, and other features. The most effective plugin to deliver data from… Continue reading Contact Form to Any API – WP plugin

Is Color Opacity not working in all browsers?

In some browsers like Mozilla Firefox, color opacity will not support. So, there is a shortcut to include this functionality along with colors. That is, add opacity along with color code. Example: color: #ff000;opacity: 50%; So, you can add color: #ff000050; This method can also implement with RGBA color code.rgba(255, 0, 0, 0.5);

CSS Shapes

The specification defines three new properties: shape-outside — allows the definition of basic shapes shape-image-threshold — Sets an opacity threshold value. If an image is being used to define the shape, only the parts of the image that are the same opacity or greater than the threshold value are used in the shape. Any other… Continue reading CSS Shapes

CSS Pseudo element :not()

Elements that don’t match a list of selectors are represented by the:not() CSS pseudo-class. It is referred to as the negation pseudo-class since it stops users from selecting particular options. Syntax: :not(<complex-selector-list>) :not(.foo) will match anything that isn’t .foo, including and <HTML> and <body> The most specific selector in its comma-separated list of selectors replaces… Continue reading CSS Pseudo element :not()