Tip # 23: Selective Menu Options in Divi
Some times a situation occurs that number of menu options are too many to be used comfortably in small screen with hamburger menu. Or, such a situation occurs that client wants to have different options for desktop and different options for mobile. Let us consider a...
Tip # 22: Split Background Image in Divi Page
A post in a Facebook group let me create a layout like this. Resource: You need Divi. Procedure: Create a standard row with 1/2 + 1/2 module. Put a text module in the left column and put content in it. Open "Section Module Setting". Add a new background image. Move...
Tip # 21: A New Type of Gallery
Recently my client asked for a different kind of gallery. He wanted to have multiple galleries in a single page. As I was fiddling with different options, I found Divi Toggle Module can be of some use. Resource: You need Divi, Images for Gallery & Lightbox plugin...
Tip # 20: More Divi Gallery Modification
A few days back I wrote a post about how to beautify Divi gallery popup lightbox. Result looked good, but when I noticed the gallery thumbnail page, it was not that much charming! As I was searching for idea, I came across a post by Nick Roach (Founder of Elegant...
Tip # 19: How to Transfer Large Website Using Duplicator Plugin?
Duplicator is an indispensable plugin for WordPress developers. After developing a WordPress website offline, it is quite easy to upload the finished product to live server. But the process may fail if the total file size becomes bigger than 100 MB. Duplicator Pro...
Tip # 18: How to Beautify Divi Gallery Popup Lightbox
Gallery is an important page in any website. Default gallery popup in WordPress is frankly speaking not a presentable one. Divi has introduced a basic lightbox popup facility to the WordPress gallery. Unfortunately it is also a crude looking one. It takes a little CSS...
Tip # 17: A Little Note About Divi Media Breakpoints
We all know about the nice feature of enabling or disabling a particular module with respect to the screen size the page is being viewed. It's a nice and handy feature introduced in Divi to ease out the complexity of writing CSS media breakpoints to achieve the...
Tip # 16: How to Find Page ID
How to Find Page ID I was working with Nexus theme from Elegant Themes for a project. It was a need to show content of a specific page in the home page itself. To achieve this, a little theme modification was required. Adding following PHP code in proper theme file...
Tip # 15: How to Convert Menu Options to Buttons in Divi
Convert Menu Options to Buttons in Divi I was in process of creating a site where the client's requirement was to create a menu with distinct red color. As I was searching for inspiration, I came across an article by Geno Quiroz - Transform a Divi Menu Item Into a CTA...
Tip # 14: How to Create a Membership Site
How to Create a Membership Site Building a membership site in WordPress is quite easy with proper set of plugins - you heard it right, it is not possible or very difficult to create a proper membership site with a single plugin. I shall create a membership system...
Tip # 13: Is There Any Sample Data Available For Divi / Extra?
Is There Any Sample Data Available For Divi / Extra? Does the heading look familiar? You shall find the same question over and over and over again in ET Official forum as well as in different Facebook groups. The answer is NO for Divi but YES for Extra. You read it...
Tip # 12: Background Image in Divi Vertical Menu
Background Image in Divi Vertical Menu I was developing a single page site with a left vertical menu and the client wanted to have an image of a barber pole at that area! Resource: You need Divi & a little CSS. Procedure: Create a vertically centered menu. Do not...
Tip # 11: Four Column Full Width Blog Grid in Divi
Four Column Full Width Blog Grid in Divi I was reading a blog post from Divi Guru Geno Quiroz about how to create a four column portfolio grid in Divi. It's a great article and the idea came to me - can it be replicated in a full width blog grid? In my previous...
Tip # 10: Full Width Blog Grid in Divi
Full Width Blog Grid in Divi We all have used the monotonous blog grid module in Divi. It works well for general blog purpose, but what about a photography portfolio site? Thick white border around each blog entry reduces the charm of the page! You may find a number...
Tip # 9: Divi Vertical Tabs
Divi Vertical Tabs A few days back I made a query for help on creating a vertical tabs system in Facebook group Divi Theme Tutorials. I was searching for a plugin in WordPress repository and also found one. In the meantime our beloved Dehn Merrill lead me to a...
Tip # 8: Using Custom Fields Without Coding
Using Custom Fields Without Coding Custom Fields - A very important feature in WordPress development - often left unused for the complexity in usability. You must have the following pre-requisites to exploit this powerful feature in WordPress: Good knowledge of PHP....
Tip # 7: Square Blurb in Divi
Square Blurb in Divi Why blurbs are always round? You may ask yourself this question. I found the definition of blurb in Cambridge Online Dictionary as a short description of a book, film, etc., written by the people who have produced it, and intended to make people...
Tip # 6: Divi Touch Portfolio
Divi Touch Portfolio I got an odd requirement from my client. They need a portfolio page of their associates, but don't want to click to view individual person's detail. It was quite a out of the line way to create a portfolio page with no click !!! RESOURCE You need...
Tip # 5: Sydney Theme & Site Origin Page Builder
Sydney Theme & Site Origin Page Builder Whenever I find a little bit of free time, I take a stroll of wordpress.org to find something new, to gather a little bit of knowledge. A few months back I stumbled upon an excellent theme - Sydney from aThemes. It is an...
Tip # 4: How to capture a screen shot of a full web page?
How to capture a screen shot of a full web page? It is a requirement for all freelance web developers to take snapshot of a full webpage to bid for a new job / show work profile to clients. There are two ways this can be successfully achieved - one is specific to...
Tip # 3: Divi Secondary Menu Configuration
Divi Secondary Menu Configuration Today I am going to share a tip with regards to our beloved theme Divi from Elegant Themes. Divi is my favorite theme (as well as others also I hope). The secondary menu is a nice & slick one and I love to fiddle with it. Putting...
Tip # 2: How to create a child theme?
How to create a child theme? Creating a child theme is most important part of developing a WordPress site. It protects a site from probability of breaking up at the time of theme up-gradation. If you are happy with whatever features provided in the theme and never try...
Tip # 1: How to run a WordPress installation in LAN?
How to run a WordPress installation in LAN? You shall find a lot of posts & video tutorials about running wordpress in a local PC without using an actual server. But a lot of time it becomes a need to run a wordpress installation in a Local Area Network (LAN). One...