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 : DIVI
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 ..
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 ..
Are you looking to hide a featured image in a single post on WordPress? There are several ways to hide a featured image in a WordPress single post. Here are a few methods: Using a Plugin: One of the easiest ways is using a plugin like ‘Conditionally Display Featured Image’. This plugin allows you to ..
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: ..