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’, ..
Category : DIVI
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 ..
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 ..
Add the following code in your style.css Recommended to use a child theme. Tested with DIVI only. .single .et_post_meta_wrapper:nth-child(1) img {display: none !i..
Add the following code in your child theme style sheet. #main-header { box-shadow: 0 0px 0; -moz-box-shadow: 0 0px 0; -webkit-box-shadow: ..
https://elegantmarketplace.com/how-to-add-google-font..
With this DIVI Custom Login plugin, you can also customize it with thin lines and gradient ba..