DIVI Coding

As a member of MySUPPORTsite.ca you have free access to our collection of coding and links to assist in adjusting and customizing your DIVI website. On this page, you will find multiple adjustments and solutions to many DIVI related website questions.

As a builder Divi is constantly being updated. This will often result in new features being added that may be similar to some hacks/additional code as found on this page. Please let us know if you find any redundant entries here and we’ll be sure to evaluate and remove any antiquated links. 🙂

Dropdown Menu change look/padding

First you need to create a dropdown menu. Then you can add this CSS for the styling. place the CSS code in Theme options > Custom CSS or in your child theme if you are using one. (just cut, paste and save)

————————————–
/* — Dropdown Menu Settigs — */

#top-menu .sub-menu {
background-color: #3c5464; /* Background color dropdown */
border-top: 3px solid #25313a; /* Top border color dropdown */
}

#top-menu .sub-menu li a {
font-size: 14px; /* Font size dropdown */
width: 100%;
color: #fff;
border-bottom: 1px solid #768792; /* Border bottom menu item color */
}

.sub-menu li:hover {
background-color: #25313a; /* Hover color menu item */
}

.sub-menu .current_page_item {
background-color: #25313a; /* Current menu item color dropdown */
}

#top-menu .sub-menu li {
padding-left: 0px;
padding-right: 0px;
width: 100%;
}

#top-menu li li a {
padding-top: 10px;
padding-bottom: 8px;
}

#top-menu .sub-menu {
padding-top: 0px;
padding-bottom: 0px;
}

.nav ul li a:hover {
opacity: 1;
background-color: rgba(0,0,0,0);
}

/* — END – Dropdown Menu Settigs — */

WooCommerce
Coding Compilations
Maps - Force Secure Embedded

Add this sccript to the <head> of the site/page:

<script type=”text/javascript”>
jQuery(document).ready(function(){
jQuery(” .et-social-icons a”).attr(‘target’, ‘_new’);

});
</script>

<meta http-equiv=”Content-Security-Policy” content=”upgrade-insecure-requests>

Blog Mods

Not finding what you’re looking for? Send us a message using this form and we’ll try find you a solution – ASAP.

12 + 7 =

Free Courses

View one of our many tips and tricks on how to better affect your brand and better your business through our free "brandingMoments".

Premium Courses

Learn more and gain the knowledge and skills to operate your role or business more successfully. Become the expert and go-to person in your field. - Contact us to receive notice when our courses are made available - 

Ready to get started?