JS

Google Maps + Tabs

Tabs has been very commonly used over the years for usability and to save space. However, if you add Google Maps to tabs, or add a ‘display: none’ to your map, there will be an issue loading your map when you want to show it again. It will show you a gray screen. with just…

API

Gravity Forms + PayPal + custom currencies + Stripe

I am currently working on a client’s website that provides services in 6 different countries. The main functionality they need on their website is a custom registration form that accepts payment from these countries. Step 1: Gravity Forms Multi Currency I installed the Gravity Forms Multi Currency plugin so I can accept different currencies for…

How to add events to your Calendar (Outlook and Google)

Following the advancement of technology, everyone starts to rely on phones to remind them about important milestones and events. Hence, when sending emails, it is recommended to also attach calendar events so the receivers can save the events to their own calendar. However, there are many types of calendar in the market like Outlook Calendar,…

Add a line that strikes through the title

I am sure you have seen web designs that are out of the norm like that: How can we add a line behind the headings if not using background image? I have played around with a few different methods unfortunately the lines always go out of alignment when testing in another browser. I have discovered…

PHP

Unable to see Appearance -> Menu when creating custom theme

I have just started creating custom themes for my clients. The reason I am doing this is because when I have full control to the theme, I can easily optimise the website load time and server size. During my first time, I wanted to add menu items to the menu but I couldn’t find the…

Steps to swap ‘Billing’ with ‘Shipping’

There was once a client requested to swap the position of the billing and shipping details, because by default WooCommerce displays the Billing info first. But, the client cares more about the shipping address because that is the most important information he needs for him to ship the products. The first method that comes out…