plugins - identity design

Stop Losing Your Code — Use an Astra Child Theme!

djemals — Mon, 14 Jul 2025 00:44:57 +0000

If you’ve ever added custom functions to your functions.php file—only to find them gone after a few weeks—it’s likely because your parent theme (like Astra) was updated. WordPress themes often reset modified files during updates, which can cause your hard work to disappear. The solution? Use a Child Theme.

Why Your Code Disappears

When you add code directly to the parent theme’s functions.php, that file gets overwritten whenever the theme is updated—whether automatically or manually. If your carefully built features suddenly vanish, it’s time to switch to a Child Theme setup.

What is a Child Theme?

A Child Theme is a safe way to extend or customize a WordPress theme without touching the original (parent) theme files. It inherits everything from the parent theme, but allows you to add or override specific functionality—like custom functions, styles, or templates.

How to Install an Astra Child Theme in WordPress

You have two easy options:

Generate your own: Visit the official Astra Child Theme Generator and download a ready-to-use child theme ZIP file.
Download ours directly: Use our pre-made version here:
astra-child.zip

How to Install the Child Theme (Step-by-Step)

Log in to your WordPress admin dashboard.
Go to Appearance → Themes
Click the “Add New” button, then “Upload Theme”
Upload the astra-child.zip file
Activate the theme: You’ll now see “Astra Child” as an option

Where to Add Your Custom Code

Now that you’re using a child theme, open the functions.php file inside the child theme folder. This is where you can safely paste in your code snippets—such as custom shortcodes, script enqueueing, or other PHP-based logic—without fear of losing them after updates.

Bonus Tip: Astra Pro Compatibility

If you’re using Astra Pro, don’t worry—your Pro features are handled by the Astra Pro plugin and will continue to work regardless of whether you’re using the parent or child theme. Just make sure the plugin remains activated.

Final Thoughts

If you’ve ever experienced your functions.php customizations disappearing, it’s likely due to a theme update. The permanent fix is simple: switch to a Child Theme. It takes just a few minutes and protects your customizations for the long haul.

Need help? Reach out via our contact page and we’d be happy to assist.

The post Stop Losing Your Code — Use an Astra Child Theme! first appeared on identity design.

The post Stop Losing Your Code — Use an Astra Child Theme! appeared first on identity design.

How to Fix Missing Google Fonts After Changing Your WordPress Elementor Website Domain

djemals — Tue, 06 May 2025 05:54:58 +0000

How to Fix Missing Google Fonts After Changing Your Elementor Website Domain

If you’ve built your website using Elementor on a temporary domain and later connected it to your official domain, you might encounter an issue where Google Fonts are not loading or appearing broken. This is a common problem that usually stems from outdated internal URLs or cached files. Here’s a step-by-step guide to fix it.

Step 1: Update Elementor URLs

When changing domains, Elementor may still be referencing the old domain path for fonts and styles.

Go to WordPress Dashboard > Elementor > Tools > Replace URL
Enter your old URL (e.g., https://sitename.hostinger.com)
Enter your new URL (e.g., https://yourdomain.com)
Click the Replace URL button

Step 2: Regenerate Elementor CSS Files

Elementor stores styles in cached CSS files, which need to be regenerated after a domain change.

Go to Elementor > Tools > General
Click Regenerate CSS
Click Sync Library if necessary

Step 3: Clear Browser and Plugin Cache

Even after updating URLs, cached files from your browser or caching plugins might still cause issues.

Clear your browser cache (Chrome, Safari, Firefox, etc.)
Clear cache from plugins like LiteSpeed Cache, WP Rocket, or Autoptimize

Step 4: Check Font Load Status in Developer Tools

Use Chrome DevTools (F12) to inspect if Google Fonts are loading properly in the section.

Look for a tag like
Check the Console tab for any CORS or Mixed Content errors

Step 5: Ensure SSL and Mixed Content Are Correct

If your new domain lacks a proper SSL certificate or is loading resources over HTTP, Google Fonts may be blocked.

Ensure your domain has a valid SSL certificate installed
Use the Really Simple SSL plugin to force HTTPS for all content

Final Thoughts

By following these 5 steps, you can resolve most font loading issues after migrating your Elementor site to a new domain. The most critical action is using Elementor’s Replace URL tool to correct outdated paths in your styles and settings.

The post How to Fix Missing Google Fonts After Changing Your WordPress Elementor Website Domain first appeared on identity design.

The post How to Fix Missing Google Fonts After Changing Your WordPress Elementor Website Domain appeared first on identity design.

How to Disable / Maintenance Mode Your Website on WordPress

djemals — Sat, 19 Oct 2024 06:14:14 +0000

When working on your WordPress website, there may be times when you need to disable it temporarily for maintenance, updates, or major changes. Thankfully, WordPress offers easy ways to put your website into maintenance mode, ensuring visitors don’t see a broken or incomplete version of your site.

Disabling a Website in WordPress

In WordPress, there are a couple of ways to enable maintenance mode on your website. Let’s explore two common methods:

1. Using a Maintenance Mode Plugin

Plugins like “Maintenance” or “WP Maintenance Mode” are specifically designed for this purpose. With a few simple clicks, you can activate maintenance mode, display a custom message to your visitors, and work on your site privately.

Steps to follow:

Install and activate a maintenance mode plugin from the WordPress plugin directory.
Customize the settings such as the message and design for the maintenance page.
Activate the plugin to enable maintenance mode.

2. Enabling Maintenance Mode via wp-config.php

If you prefer not to use a plugin, you can enable maintenance mode directly by editing the wp-config.php file. Here’s how:

Connect to your WordPress site using FTP or through your hosting control panel.
Open the wp-config.php file, located in the root directory.
Add the following line of code just before the “That’s all, stop editing!” comment:

define('WP_MAINTENANCE_MODE', true);

Save the file and upload it back to your server.

This will activate a default maintenance mode page for your visitors while you work on your website.

Conclusion

Disabling your WordPress website temporarily for maintenance is a smart way to ensure that visitors don’t encounter incomplete or malfunctioning pages. Whether you use a plugin or a quick code addition, activating maintenance mode in WordPress is a simple task. Keep your site professional even when it’s under construction by using these techniques.

The post How to Disable / Maintenance Mode Your Website on WordPress first appeared on identity design.

The post How to Disable / Maintenance Mode Your Website on WordPress appeared first on identity design.

How to Add Deny Access to the .htaccess File

djemals — Mon, 08 May 2023 23:03:49 +0000

The .htaccess file is an important configuration file for websites that use the Apache web server. It allows you to control various aspects of your website, such as redirections, password protection, and caching. However, because the .htaccess file is so powerful, it is also a target for hackers and other malicious actors who may try to exploit it to gain access to your website or server.

One way to protect your .htaccess file is to add a “deny from all” rule to it. This will prevent anyone from accessing the file directly, including hackers who may be trying to modify it.

Here’s how to add a deny access rule to your .htaccess file:

1. Access your website’s .htaccess file

First, you’ll need to access your website’s .htaccess file. You can do this by connecting to your website’s server via FTP or SSH, and navigating to the directory where your website’s files are stored. The .htaccess file should be located in the root directory of your website.

2. Add the deny access rule

Next, open the .htaccess file in a text editor and add the following line at the top of the file:

#deny access to .htaccess

Order allow,deny
Deny from all

This rule specifies that access to the .htaccess file should be denied for all users.

3. Save the changes

Save the changes to your .htaccess file and upload it back to your website’s server.

By adding a deny access rule to your .htaccess file, you can help protect your website from malicious attacks and unauthorized access. However, it’s important to remember that this is just one of many security measures that you should take to protect your website. Be sure to keep your software and plugins up-to-date, use strong passwords, and implement other security best practices to keep your website secure.

The post How to Add Deny Access to the .htaccess File first appeared on identity design.

The post How to Add Deny Access to the .htaccess File appeared first on identity design.

Renewing an Expired SSL Certificate with AutoSSL in cPanel: A Quick Guide

djemals — Sat, 18 Feb 2023 00:51:44 +0000

An SSL (Secure Sockets Layer) certificate is a digital certificate that encrypts data and ensures secure communication between a web server and a client browser. It’s essential to renew your SSL certificate before it expires to maintain a secure connection on your website. If your website is hosted on a cPanel server, you can renew your SSL certificate using the AutoSSL feature in just a few simple steps. In this blog post, we will guide you through the process of renewing an expired SSL certificate with AutoSSL in cPanel.

Step 1: Log in to your cPanel account

The first step is to log in to your cPanel account. You can do this by accessing the cPanel login URL provided by your web hosting company and entering your cPanel username and password.

Step 2: Go to SSL/TLS Status page

Once you’re logged in, go to the SSL/TLS Status page. You can find it by using the search bar or by scrolling down to the Security section of the cPanel dashboard.

Step 3: Renew the SSL certificate

On the SSL/TLS Status page, you will see a list of all the SSL certificates installed on your server, including any that have expired. Check on all expired domain names and click the “Run AutoSSL” button. Wait for a few minutes until the “Success” sign appears. If it doesn’t work, you can try uninstalling the SSL certificate by clicking on SSL/TLS Status – “View Certificate” or SSL/TLS – “Manage SSL sites.” Then click “Uninstall.” Go back to the SSL/TLS Status page and reinstall the SSL certificate with “Run AutoSSL” again.

Optional for WordPress users: Add “Really Simple SSL” plugin and activate HTTPS for your domain.

If you’re using WordPress, you can add the “Really Simple SSL” plugin and activate HTTPS for your domain. The plugin will automatically detect your SSL certificate and configure your website to use HTTPS. This will ensure that all pages on your website are secure and encrypted. To add the plugin, go to the WordPress plugin directory and search for “Really Simple SSL.” Install and activate the plugin, and then follow the prompts to activate HTTPS for your domain.

And that’s it! By following these simple steps, you can renew an expired SSL certificate and maintain a secure connection on your website.

The post Renewing an Expired SSL Certificate with AutoSSL in cPanel: A Quick Guide first appeared on identity design.

The post Renewing an Expired SSL Certificate with AutoSSL in cPanel: A Quick Guide appeared first on identity design.

How to Add a Sitemap of a WordPress Website

djemals — Mon, 19 Sep 2022 09:28:47 +0000

Adding a sitemap for search engines is vital when launching a website unless you want to keep it secret. There are many ways to add a website’s sitemap, but using Yoast SEO plugin could be the easiest way to do it.

1. DOWNLOAD YOAST SEO PLUGIN

Go to Plugins -> Add New and search for the Yoast SEO plugin.
Download and activate it.

2. ENABLE XML SITEMAPS AND GET THE SITEMAP URL

Go to Yoast SEO from the left menu -> General
Enable “On” mode on the XML sitemaps.
Click on See the XML.
Copy the sitemap url.

3. SUBMIT A SITEMAP ON GOOGLE SEARCH CONSOLE

Add a new property (if you haven’t already) for the website you wish to submit the sitemap to on Google Search Console.
Go to Sitemaps from the left menu.
Add a new sitemap by pasting the sitemap URL from step 2 and click on Submit.
*The Status might show Couldn't fetch, but it will update.

The post How to Add a Sitemap of a WordPress Website first appeared on identity design.

The post How to Add a Sitemap of a WordPress Website appeared first on identity design.

YARPP for WordPress: How to remove the “You May Also Like” header on the sidebar widget area

djemals — Fri, 08 Jul 2022 22:20:07 +0000

YARPP (Yet Another Related Posts Plugin) is one of the greatest plugins in WordPress that provides related posts automatically using an algorithm, but there are a few things that can’t be easily fixed through its settings.

How to remove the “You May Also Like” header on the sidebar widget YARPP Plugin for WordPress?

I’ve tried many options in the settings, but they didn’t seem to work. Try using the CSS code below to remove it easily.

CSS

Copy the code below and paste it into your CSS document.

.yarpp-related-widget h3 { display:none; }

Tada!

The post YARPP for WordPress: How to remove the “You May Also Like” header on the sidebar widget area first appeared on identity design.

The post YARPP for WordPress: How to remove the “You May Also Like” header on the sidebar widget area appeared first on identity design.

How to remove the “Related Posts” on YARPP Plugin for WordPress

djemals — Fri, 08 Jul 2022 22:12:20 +0000

YARPP(Yet Another Related Posts Plugin) is a one of the greatest plugins in WordPress that provides related posts automatically with algorithm, but there are a few things can’t be easily fixable on its setting.

How to remove the “Related Posts” on YARPP?

I’ve tried many options on their settings to remove the Related Posts on the bottom of a page, but it seems not working. Try below CSS line to remove it with ease.

CSS

Copy the code below and paste into your CSS document.

.yarpp-related-website { display:none; }

Tada!

The post How to remove the “Related Posts” on YARPP Plugin for WordPress first appeared on identity design.

The post How to remove the “Related Posts” on YARPP Plugin for WordPress appeared first on identity design.

How to Duplicate/Migrate WordPress Website – Duplicator

djemals — Tue, 10 May 2022 00:37:55 +0000

Work effective and save time if you are a web developer using WordPress. Duplicate your existing work and use as a template. Get Duplicator and install/active the plugin and follow the instruction below. We have 3 main steps to get all duplicate/migration process done.

1. BACKUP FILES & DOWNLOAD

Get Duplicator plugin
Duplicator -> Create new
Next -> Build
Download Installer.php and ...Archive.zip file

2. DATABASE CREATION ON NEW SERVER

Create Database from MySQL® Databases in cPanel.
Name your database. Add _wp at the end of the database name
Add a user, _user at the end of the database name
Add the user to the database you created. Finally add All Privileges to the user.

3. UPLOAD BACKED UP FILES TO NEW SERVER

Access cPanel on new hosting server. Go to cPanel -> File Manager. Select public_html or very root folder of your WordPress files -> upload your saved Installer and Archive files. (*You can also use FTP (Filezilla) to upload these files. )
Open a web browser -> http://YOUR-DOMAIN.com/installer.php
Select the checkbox, “I have read and accept all terms & notices*”
Select Remove all data and input your Database, User and Password and hit Test Database. If looks good, hit Next.
Click Next for step 4, Login the site with Site Login.

The post How to Duplicate/Migrate WordPress Website – Duplicator first appeared on identity design.

The post How to Duplicate/Migrate WordPress Website – Duplicator appeared first on identity design.

WordPress Contact Form 7 Submit Button Not Working (Nonstop Wheel Spinning)

djemals — Mon, 21 Feb 2022 09:14:04 +0000

Despite the popularity of its name, “Contact form 7” with millions of active installations, numerous plugin users have called out the error when hitting the submit button on the form. The error seems to be occurred by change of environment such as migration of the website. Here’s the solution how this can be resolved.

Go to the WP Admin (Backend) -> Plugins -> Plugin File Editor.
Select plugin to edit dropdown to select Contact Form 7 and select the file, wp-contact-form-7.php
On line 30 (the number can be different) after ‘WPCF7_LOAD_JS’, change true to false

Change of code in “Contact form 7” plugin

if ( ! defined( 'WPCF7_LOAD_JS' ) ) {
	define( 'WPCF7_LOAD_JS', false );
}

The post WordPress Contact Form 7 Submit Button Not Working (Nonstop Wheel Spinning) first appeared on identity design.

The post WordPress Contact Form 7 Submit Button Not Working (Nonstop Wheel Spinning) appeared first on identity design.

WooCommerce Hollow “Empty” Star Rating to “Full” Filled Stars

djemals — Mon, 02 Aug 2021 22:14:39 +0000

5 hollow stars looked my customers rated 0 star on my item not 5 stars. (But it’s 5 star rated though!) For users who sees hollow stars in WooCommerce, there must be mis-specifying font-family in your CSS.

Check if you have installed the “Easy Social Icons” plugin that is activated with WooCommerce.

Simply deactivate the plugin as it is conflicting the “Font Awesome 5 Free” font-family with WooCommerce. Once the Easy Social Icons plugin deactivated, you will see the full, filled star ratings on your item.

The post WooCommerce Hollow “Empty” Star Rating to “Full” Filled Stars first appeared on identity design.

The post WooCommerce Hollow “Empty” Star Rating to “Full” Filled Stars appeared first on identity design.

plugins - identity design

Stop Losing Your Code — Use an Astra Child Theme!

Why Your Code Disappears

What is a Child Theme?

How to Install an Astra Child Theme in WordPress

How to Install the Child Theme (Step-by-Step)

Where to Add Your Custom Code

Bonus Tip: Astra Pro Compatibility

Final Thoughts

Related posts:

How to Fix Missing Google Fonts After Changing Your WordPress Elementor Website Domain

How to Fix Missing Google Fonts After Changing Your Elementor Website Domain

Step 1: Update Elementor URLs

Step 2: Regenerate Elementor CSS Files

Step 3: Clear Browser and Plugin Cache

Step 4: Check Font Load Status in Developer Tools

Step 5: Ensure SSL and Mixed Content Are Correct

Final Thoughts

Related posts:

How to Disable / Maintenance Mode Your Website on WordPress

Disabling a Website in WordPress

1. Using a Maintenance Mode Plugin

2. Enabling Maintenance Mode via wp-config.php

Conclusion

Related posts:

How to Add Deny Access to the .htaccess File

1. Access your website’s .htaccess file

2. Add the deny access rule

3. Save the changes

Related posts:

Renewing an Expired SSL Certificate with AutoSSL in cPanel: A Quick Guide

Step 1: Log in to your cPanel account

Step 2: Go to SSL/TLS Status page

Step 3: Renew the SSL certificate

Related posts:

How to Add a Sitemap of a WordPress Website

1. DOWNLOAD YOAST SEO PLUGIN

2. ENABLE XML SITEMAPS AND GET THE SITEMAP URL

3. SUBMIT A SITEMAP ON GOOGLE SEARCH CONSOLE

Related posts:

YARPP for WordPress: How to remove the “You May Also Like” header on the sidebar widget area

How to remove the “You May Also Like” header on the sidebar widget YARPP Plugin for WordPress?

CSS

Related posts:

How to remove the “Related Posts” on YARPP Plugin for WordPress

How to remove the “Related Posts” on YARPP?

CSS

Related posts:

How to Duplicate/Migrate WordPress Website – Duplicator

1. BACKUP FILES & DOWNLOAD

2. DATABASE CREATION ON NEW SERVER

3. UPLOAD BACKED UP FILES TO NEW SERVER

Related posts:

WordPress Contact Form 7 Submit Button Not Working (Nonstop Wheel Spinning)

Change of code in “Contact form 7” plugin

Related posts:

WooCommerce Hollow “Empty” Star Rating to “Full” Filled Stars

Related posts: