Anchor links so that the targeted section of page is NOT under the header
/* ****************** */
/* ** ANCHOR LINKS ** */
/* ****************** */
[css]
.anchor{
display: block;
height: 166px; /*same height as header*/
margin-top: -166px; /*same height as header*/
visibility: hidden;
}
[/css]
[html]
<span class="anchor" id="general"></span>
[/html]
[html]
[/html]
DIVI EQUAL HEIGHT BLURBS
/* ***************************** */
/* ** DIVI EQUAL BLURB HEIGHT ** */
/* ***************************** */
[css]
.flex-row-wrapper {
display: flex;
}
[/css]
In Blurb Settings, Advanced, Main Element, enter:
display: flex;
In Row Settings, Advanced, CSS Class, enter:
flex-row-wrapper
DIVI BLURB HOVER EFFECT
/* ***************************** */
/* ** DIVI BLURB HOVER EFFECT ** */
/* ***************************** */
[css]
.blurb:hover {
background-color: #ffffff;
box-shadow: 0px 1px 18px rgba(23, 23, 23, 0.17);
-moz-box-shadow: 0px 1px 18px rgba(23, 23, 23, 0.17);
-webkit-box-shadow: 0px 1px 18px rgba(23, 23, 23, 0.21);
}
[/css]
In Row Settings, Advanced, CSS Class, enter:
blurb
/* ********************************************* */
/* ** ADJUST RIGHT DROP DOWN MENU TO THE LEFT ** */
/* ********************************************* */
[css].drop_menu ul {
right: 0px !important;
}[/css]
/* *************************************** */
/* ** ADJUST DIVI DOWN MENU TO THE LEFT ** */
/* *************************************** */
[css]ul.sub-menu {
right:0px !important;
}[/css]
/* ********************************* */
/* ** ADJUST DIVI DOWN MENU WIDTH ** */
/* ********************************* */
[css].nav li ul {
width: 300px;
}[/css]
[css]#top-menu li li a {
width: 300px;
}[/css]
/* ************************* */
/* ** DYNAMIC YEAR UPDATE ** */
/* ************************* */
[html]<script>
var beg_year = 2006; // Year site went live
var this_year = new Date(); // Get current date
var developed_by = ‘ | All Rights Reserved, <a href="https://greenpines.org" target="_blank">Green Pines Baptist Church</a> | <a href="https://greenpines.org/privacy-policy">Privacy Policy</a>’; // Business Name
this_year = this_year.getFullYear();
if(this_year > beg_year) {
var year = beg_year + ‘ – ‘ + this_year;
} else {
var year = this_year;
}
var domain = window.location.hostname;
jQuery(function($){
$(‘#footer-info’).html(‘© ‘ + year + developed_by );
});
</script>;[/html]
/* ************************************************************** */
/* ** DIVI FLOAT SOCIAL MEDIA ICONS TO RIGHT SECONDARY NAV BAR ** */
/* ************************************************************** */
[css]#top-header .et-social-icons { float:right !important; }
#top-header #et-info { width: 100%; }[/css]
FOOTER STYLING
Insurance of NC
Call Us
Email Us
[sourcecode language=”plain”]<img class="alignleft size-full wp-image-204541" src="https://barkingbirdmedia.com/wp-content/uploads/2018/06/map-pin3-white-24.png" alt="" width="24" height="24"><span style="font-size: 14pt; margin-left: 4px;">Insurance of NC</span>
<div style="margin-left: 43px; margin-top: -20px;">123 Any Street</div>
<div style="margin-left: 43px;">Raleigh, NC 99999</div>
<div style="margin-top: 10px;"></div>
<img class="alignleft size-full wp-image-204547" src="https://barkingbirdmedia.com/wp-content/uploads/2018/06/phone-white-24.png" alt="" width="24" height="24"><span style="font-size: 14pt; margin-left: 5px;">Call Us</span>
<div style="margin-left: 45px; margin-top: -20px;"><a style="color: #ffffff;" href="tel:+18554191960">1-855-419-1960</a></div>
<div style="margin-top: 10px;"></div>
<img class="alignleft size-full wp-image-204545" src="https://barkingbirdmedia.com/wp-content/uploads/2018/06/envelope-closed-white-24.png" alt="" width="24" height="24"><span style="font-size: 14pt; margin-left: 5px;">Email Us</span>
<div style="margin-left: 43px;"><a style="color: #ffffff;" href="mailto:info@insuranceofnc.com ">info@insuranceofnc.com </a></div>
[/sourcecode]
[sourcecode language=”plain”]
<script>
var beg_year = 2006; // Year site went live
var this_year = new Date(); // Get current date
var developed_by = ‘ | All Rights Reserved, <a href="https://greenpines.org" target="_blank">Green Pines Baptist Church</a> | <a href="https://greenpines.org/privacy-policy">Privacy Policy</a>’; // Business Name
this_year = this_year.getFullYear();
if(this_year > beg_year) {
var year = beg_year + ‘ – ‘ + this_year;
} else {
var year = this_year;
}
var domain = window.location.hostname;
jQuery(function($){
$(‘#footer-info’).html(‘© ‘ + year + developed_by );
});
</script>;[/sourcecode]
https://mail.google.com/mail/u/0/#inbox/FMfcgxwBVMhRWqsWwdDzBfWjwddPKlCS
[sourcecode language=”plain”]
<div itemscope itemtype="http://schema.org/LocalBusiness">
<div itemprop="name">BUSINESS NAME TO MATCH GOOGLE MYBUSINESS</div>
<div>Url: <span itemprop="url"><a href="https://DOMAIN.TLD/">https://DOMAIN.TLD/</a></span></div>
<div itemtype="http://schema.org/PostalAddress" itemscope="" itemprop="address">
<div itemprop="streetAddress">STREET-ADDRESS</div>
<div><span itemprop="addressLocality">CITY</span>, <span itemprop="addressRegion">ST</span> <span itemprop="postalCode">ZIP</span></div>
</div>
<div>Phone: <span itemprop="telephone">PHONE</span></div>
<div>Email: <span itemprop="email"><a href="mailto:EMAIL">EMAIL</a></span></div>
<div><link itemprop="logo" href=’LOGO URL FROM WEBSITE"></div>
<div style="display:none;" itemprop="image" itemscope itemtype="http://schema.org/ImageObject">
<img src="LOGO URL" width="WIDTH" height="HEIGHT" itemprop="url"></div></br>
<div><link itemprop="sameAs" href="FB-URL">
<link itemprop="sameAs" href="TWITTER URL">
<link itemprop="sameAs" href="YELP URL">
<div itemtype="http://schema.org/GeoCoordinates" itemscope="" itemprop="geo">
<meta itemprop="latitude" content="LATITUDE" />
<meta itemprop="longitude" content="LONGITUDE" />
</div>
<div itemprop="paymentAccepted" style=’display: none’ >cash, check, credit card</div>
<div style=’display: none’ itemprop="priceRange" content="$$$">$$$</span></div>
<meta itemprop="openingHours" style=’display: none’ datetime="Mo,Tu,We,Th,Fr 08:30-17:00" />
</div>
[/sourcecode]