Category : DIVI

Add Category Title and Description to Category Page

     DIVI

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’, ..

Read more

Remove The Divider Line Between The Main Content And Sidebar Area

     CSS, DIVI

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 ..

Read more

Open Google Map Info Window by Default in DIVI Theme

     DIVI

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 ..

Read more

How to add font awesome icons to menu

     CSS, DIVI

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 ..

Read more

Add Social Icons in DIVI

     DIVI, Social Media

Click here for some great instructions on how to add social media icons to the Elegant Theme’s DIVI theme. It does take some technical know how.  Here’s some abbreviated instructions. In the style.css is the list of codes: .et-social-facebook a.icon:before { content: ‘\e093‘; } .et-social-twitter a.icon:before { content: ‘\e094‘; } .et-social-google-plus a.icon:before { content: ‘\e096‘; } .et-social-pinterest a.icon:before { content: ‘\e095‘; } .et-social-linkedin a.icon:before { content: ‘\e09d‘; } .et-social-tumblr a.icon:before { content: ‘\e097‘; } .et-social-instagram a.icon:before { content: ‘\e09a‘; } .et-social-skype a.icon:before { content: ‘\e0a2‘; } .et-social-flikr a.icon:before { content: ‘\e0a6‘; } .et-social-myspace a.icon:before { content: ‘\e0a1‘; } .et-social-dribbble a.icon:before { content: ‘\e09b‘; } .et-social-youtube a.icon:before { content: ‘\e0a3‘; } .et-social-vimeo a.icon:before { content: ‘\e09c‘; } .et-social-rss a.icon:before { content: ‘\e09e‘; } In the includes/social_icons.php file ..

Read more