Markdown is a way to style text on the web. You control the display of the document; forma ing words as bold or italic, adding images, and creating lists are just a few of the things we can do with Markdown. Mostly, Markdown is just regular text with a few non-alphabetic characters thrown in, like #…
Do you want to open external links from your blog posts in a new window? Opening external links in a new window allow your users to visit the link without leaving your website. I will also show different code snippets to do that, so you can choose the one that works for you. For this,…
If you have a lot of products in your shop you can give an option to the visitors to choose how many products to display per page. This can be achieved by adding a dropdown select box within the shop archive page.
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
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…
There is no built-in emmet shortcut in PhpStorm to insert a <?php ?> tag. But we can set it by Going to File -> Settings -> — IDE Settings — -> Live Templates For Mac User: PhpStorm->Preferences->Editor->Live Templates, click on the PHP and add new Live Template. On right sidebar click on “+” then: Abbreviation…
By default, most downloadable PDF files usually open in a new window or tab. It’s true for the static site or WordPress sites also. This document contains steps on how to make the browser download PDF files automatically, rather than open in a new tab. We’ll use a simple jQuery solution for it.
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…
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.
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 >…
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
Theme Options > Custom CSS Note: we should use id=”icon-love”, otherwise it will be overwrite by #footer-info styles. Inline style will not work also.