Add a Gap in Mobile Between Columns on X/Pro Theme

Issue: Solution 1. Add this CSS to each column’s Element CSS: Solution 2. Set a class to the row that contains the columns then add a CSS code targetting the columns using the class added the row like this: The code above will add a bottom margin to the columns on mobile if the class gap-mobile is added to the …

WordPress Comment Section Not Displaying

I have recently gotten this issue where the posts of the site I am working on does not display the comment section. I was thinking it was caused by a plugin conflict but it turns out the solution is pretty easy and straightforward. #1. First, make sure that comments are enabled by checking the Allow people to post comments on new articles option …

One Page Navigation on Pro Theme

Here is how you can setup One Page Navigation on Pro: 1. Create the sections and assign an ID to the section in the customize option of the section.     2. Create a menu for the one page navigation in Appearance > Menu then add the menu links as a Custom Link where the value on the URL field …

How to add a WordPress Admin user through PhpMyAdmin/MySQL

I have recently had the issue where the the admin user I have created for a site maintained by the client was deleted so there was no way for me to do updates on the site. In order to gain access, you can manually add a user provided that you have access to the CPanel so that you can do …

How to Set the Start Number in an HTML Ordered List

There are cases when we use HTML ordered list in two separate blocks and we need to them to have a continuous number sequence. This tip would come in handy in that situation. Simply use the start attribute in the ordered list and set its value to the number you wish it to start with. For example: Then the result …

X Theme Portfolio Page Setup

If you have created page in X Theme and set the page template to Layout – Portfolio and there are no items showing up when you view the page in the frontend, simply edit the page again and a new metabox panel called Portfolio Settings will be available in the edit page area which you can find below the slider …

Keeping child theme’s functions.php neat

It is inevitable for codes to get longer as you progress through a project which makes it important to have the codes organize. One way to make the codes maintainable is to separate them in files which will contain code blocks that are related. This is what I do to avoid the child theme’s functions.php file to get bloated: #1 …