Capture attention and make a lasting impression with responsive web design on a desktop, tablet or smartphone. You can do this with media queries. Media queries are a type of coding technique that allows webpages to change their look and feel depending on the device they’re being viewed on. With media queries, you can create ..
Category : WordPress Themes
This CSS code fixes the AtoZ form height in the Elementor HTML Code module. It has not been tested elsewhere but should work with a few modifications. .elementor-1046 .elementor-element.elementor-element-a29aeb7,.a2zform .elementor-widget-container{height: 100% !i..
I really like the DIVI Accordion, but by default, the first accordion is open when the page loads. A website looks cleaner if all accordions are closed when the page loads. In Elegant Themes FAQs and Troubleshooting, I found an article Make DIVI Accordions Closed by Default, which you can refer to for complete instructions. ..
Make a copy of your index.php file Rename file to category.php Copy category.php to your child theme Edit category.php in your child them and add the following code right after the tag: <div id=”left-area”> <!– add page title code start here –> <?php if ( have_posts() ) : ?> <header class=”blog-title”> <h1><?php printf( __( ‘%s’, ..
Override the Divi b..
In WordPress to remove the divider line between the main content and sidebar area, you need to write the following css in the Customize > Additional CSS section. @media (min-width: 981px) { #main-content .container:before {display: none !important;} } I found this information from this YouTube video: https://www.youtube.com/watch?v=P0qkHS7Wucc NOTE: YouTube video example uses DIVI theme. I ..
Tested and works with DIVI version 3.26.3 These instructions are referencing the following blog post: https://divibooster.com/open-divi-map-module-pin-details-by-default/ Before making any changes to your website, make sure you are using a child theme. This plugin works well for me to create child them. https://wordpress.org/plugins/child-theme-configurator/ After I create child theme, I delete the plugin because it’s no longer ..
Here’s a link to how to add font awesome icons to your menu. It saves memory because it doesn’t use a plugin and also looks professional. How to Add Icons to Custom WordPress Menus Without Plugins I tried it on a DIVI website and had to add the following css. Keep in mind your menu ..
Have you ever noticed that the trending bar in the secondary menu, top left of header only shows 3 posts? What??? Never noticed, until someone mentioned it in one of these groups I’m in. With that said, I of course, had to rectify the situation immediately and did an exhaustive Google Search and found the ..
I come to love the Elegant Themes by using DIVI. I started loving EXTRA more for certain projects but noticed some things were different in the way it was coded, like how to manually add more social media icons. There’s instructions on how to manually add social icon to DIVI, but not for EXTRA. Not ..