How to center align WooCommerce pagination buttons
Simple CSS solution: You can wrap pagination buttons with a div and do the styling. Better to use a Child theme to edit pagination.php file. File Structure: Child theme => style.css
How to remove whitespace on the right side of mobile and tablet view in Astra theme
One of my clients asked me to fix an error in Mobile view of his website. It’s using Astra Pro theme with Thrive Architect page builder. Mobile View – There is an extra white space to the right (left and right scrolling) caused by the tiny scroll to the to button. Client’s Comment Here is…
How to update server default PHP version to the recommended version for WordPress
“Your server is running PHP version 5.4 but WordPress 5.2 requires at least 5.6.20” In case you saw this message on your site when installing WordPress, it means that your PHP version is not supported and WordPress requires minimum 5.6 PHP version. To fix this issue, you need to contact your hosting provider support and…
How to Download PDF on form submission using Contact Form 7
I want the user to be able to download a PDF file after registering on the site with a simple ‘Name’ and ‘Email’ form. I have only one file to download, so it should be very simple and I don’t want to install a branch of plugins to achieve this. So I found this simple…
Elementor – How to Create a Transparent Header using Template
If you want to create a transparent header template in Elementor then follow the below steps Step 1: Go to the dashboard of your website. Proceed to “Elementor” and click “My Templates”. Step 2: Click ‘Add New’. Select the template type you want to create. In this case, choose ‘Header’ in the dropdown and name…
Divi – How to edit Gallery Module Grid Thumbnail Sizes
If you want to change the gallery image sizes, you can add the following CSS code into your Divi child theme CSS file or Theme Customizer Custom CSS box. Just edit the width and height pixel values to your own image sizes. This does not regenerate the image sizes used but just resizes in the…
How to Change the Background color of Divi Toggle Module Title and Icon
By default Divi Toggle Module didn’t have any style for Toggle open view. It’s look very plain like the below image. We can add a little CSS to add Background color to the Toggle title and make it stand alone from rest of the content. Copy above CSS code in your Divi Theme Option or…
How to Create Side / Vertical Tabs Layout in Divi
Tabs in the Divi theme are placed on top by default. There is no option to control the positioning of the tabs and thus if you are looking to move the Divi tabs on the left in the vertical position, there is some custom CSS required to achieve this. We are not making this changing…
How to add Login form in Divi Footer Widget Area
Need to add a Divi Login form module in your footer widget area? By default there is no option to add Divi Login Module to Footer widget area. We can do this my copy paste the Login form generated code into Widget text area.
How to Remove Query Strings from Static Resources in WordPress with or without Plugin
If you are looking for a solution to Remove Query Strings from Static Resources like CSS & JavaScript in your Wordpress site to increase your website speed and a better test result on Pingdom, GTmatrix, or Google Page Speed Insights. Then this tutorial is for you. Leveraging Browser Cache of Static Resources like CSS and JavaScript plays…
How to Create a Fixed and Scrollable Dropdown Mobile Menu in Divi
By default, Divi theme didn’t have a fixed menu for mobile/tablets like on the desktop. This means that you won’t see the menu as soon as you start scrolling down the website on a mobile. This topic will cover: On the Divi sub menu, click on the Theme Options > Go to Custom CSS box on the General option >…
How to Create Separate Call To Action Button for Desktop and Mobile view in Divi Menu
Appearance > Menus Enable CSS Classes option from Screen Options Add two Custom Link with CSS class “menu-cta” for Desktop CTA Button and “mobile-menu-item” for Mobile CTA Button Desktop view Mobile view