Skip to content

Instantly share code, notes, and snippets.

@eduard-ungureanu
Created March 7, 2023 11:41
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save eduard-ungureanu/ac8445b30d6e812d828b9f68ca27c820 to your computer and use it in GitHub Desktop.
Save eduard-ungureanu/ac8445b30d6e812d828b9f68ca27c820 to your computer and use it in GitHub Desktop.
Override Divi Builder's CSS reset for Monarch Sharing icons - inline
.et-db #et-boc .et-l .et_social_inline .et_social_inline_top {
margin-bottom: 40px;
}
.et-db #et-boc .et-l .et_social_inline .et_social_left {
text-align: left;
}
.et-db #et-boc .et-l .et_social_inline .et_social_networks {
width: 100%;
display: inline-block;
}
.et-db #et-boc .et-l .et_social_inline .et_social_networks,
.et-db #et-boc .et-l .et_social_inline .et_social_sidebar_networks,
.et-db #et-boc .et-l .et_social_inline .widget_monarchwidget a {
text-shadow: none !important;
}
.et-db #et-boc .et-l .et_social_inline .et_social_networks .et_social_icons_container {
padding: 0 !important;
margin: 0 !important;
line-height: 1em !important;
display: inline-block;
width: inherit;
}
.et-db #et-boc .et-l .et_social_inline .et_social_1col li,
.et-db #et-boc .et-l .et_social_inline .et_social_2col li:nth-child(2n+1),
.et-db #et-boc .et-l .et_social_inline .et_social_3col li:nth-child(3n+1),
.et-db #et-boc .et-l .et_social_inline .et_social_4col li:nth-child(4n+1),
.et-db #et-boc .et-l .et_social_inline .et_social_5col li:nth-child(5n+1),
.et-db #et-boc .et-l .et_social_inline .et_social_6col li:nth-child(6n+1),
.et-db #et-boc .et-l .et_social_inline .et_social_autowidth li:first-child {
margin-left: 0;
clear: both;
}
.et-db #et-boc .et-l .et_social_inline .et_social_1col li:first-child,
.et-db #et-boc .et-l .et_social_inline .et_social_2col li:nth-child(-n+2),
.et-db #et-boc .et-l .et_social_inline .et_social_3col li:nth-child(-n+3),
.et-db #et-boc .et-l .et_social_inline .et_social_4col li:nth-child(-n+4),
.et-db #et-boc .et-l .et_social_inline .et_social_5col li:nth-child(-n+5),
.et-db #et-boc .et-l .et_social_inline .et_social_6col li:nth-child(-n+6) {
margin-top: 0;
}
.et-db #et-boc .et-l .et_social_inline .et_social_4col li {
width: 23.5%;
}
.et-db #et-boc .et-l .et_social_inline .et_social_networks li,
.et-db #et-boc .et-l .et_social_inline .et_social_networks li a,
.et-db #et-boc .et-l .et_social_inline .et_social_icon {
display: block;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
.et-db #et-boc .et-l .et_social_inline .et_social_slide.et_social_left .et_social_icon {
overflow: hidden;
}
.et-db #et-boc .et-l .et_social_inline .et_social_left .et_social_icon {
float: left;
}
.et-db #et-boc .et-l .et_social_inline .et_social_networks .et_social_icon,
.et-db #et-boc .et-l .et_social_inline .et_social_networks .et_social_icon:before,
.et-db #et-boc .et-l .et_social_inline .et_social_networks .et_social_icon:after {
width: 40px;
height: 40px;
line-height: 40px;
display: inline-block;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.et-db #et-boc .et-l .et_social_inline .et_social_networks div,
.et-db #et-boc .et-l .et_social_inline .et_social_networks span,
.et-db #et-boc .et-l .et_social_inline .et_social_networks li i {
position: relative;
z-index: 2;
}
.et-db #et-boc .et-l .et_social_inline .et_social_networks .et_social_icon,
.et-db #et-boc .et-l .et_social_inline .et_social_networks .et_social_icon:before,
.et-db #et-boc .et-l .et_social_inline .et_social_networks .et_social_icon:after {
width: 40px;
height: 40px;
line-height: 40px;
display: inline-block;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.et-db #et-boc .et-l .et_social_inline .et_social_icon:before,
.et-db #et-boc .et-l .et_social_inline .et_social_icon:after {
position: relative;
width: 100%;
}
.et-db #et-boc .et-l .et_social_inline .et_social_slide.et_social_left li .et_social_icon:after {
left: -40px;
top: 0;
}
.et-db #et-boc .et-l .et_social_inline .et_social_slide .et_social_icon:after {
display: inline-block;
position: absolute;
top: -40px;
left: 0;
}
.et-db #et-boc .et-l .et_social_inline .et_social_networks div.et_social_network_label {
font-size: 14px;
}
.et-db #et-boc .et-l .et_social_inline .et_social_left .et_social_network_label {
margin-left: 40px;
padding: 7px 14px 10px 10px;
}
.et-db #et-boc .et-l .et_social_inline .et_social_icon,
.et-db #et-boc .et-l .et_social_inline .et_social_networks .et_social_network_label,
.et-db #et-boc .et-l .et_social_inline .et_social_sidebar_networks .et_social_count {
color: #FFF;
}
.et-db #et-boc .et-l .et_social_inline .et_social_networks div.et_social_network_label {
font-size: 14px;
}
.et-db #et-boc .et-l .et_social_inline .et_social_left .et_social_network_label {
margin-left: 40px;
padding: 7px 14px 10px 10px;
}
.et-db #et-boc .et-l .et_social_inline .et_social_icon,
.et-db #et-boc .et-l .et_social_inline .et_social_networks .et_social_network_label,
.et-db #et-boc .et-l .et_social_inline .et_social_sidebar_networks .et_social_count {
color: #FFF;
}
.et-db #et-boc .et-l .et_social_inline .et_social_networks.et_social_left .et_social_count,
.et-db #et-boc .et-l .et_social_inline .et_social_networks.et_social_left .et_social_networkname {
line-height: 1em;
display: inline-block;
}
.et-db #et-boc .et-l .et_social_inline .et_social_left .et_social_network_label div {
margin: 6px 4px 0 4px;
}
.et-db #et-boc .et-l .et_social_inline .et_social_withnetworknames .et_social_networkname,
.et-db #et-boc .et-l .et_social_inline .et_social_withcounts .et_social_count,
.et-db #et-boc .et-l .et_social_inline .et_social_sidebar_withcounts .et_social_count {
display: inherit;
}
.et-db #et-boc .et-l .et_social_inline .et_social_networks .et_social_networkname,
.et-db #et-boc .et-l .et_social_inline .et_social_networks .et_social_count span {
font-weight: 700;
}
.et-db #et-boc .et-l .et_social_inline .et_social_networks.et_social_left .et_social_count,
.et-db #et-boc .et-l .et_social_inline .et_social_networks.et_social_left .et_social_networkname {
line-height: 1em;
display: inline-block;
}
.et-db #et-boc .et-l .et_social_inline .et_social_left .et_social_network_label div {
margin: 6px 4px 0 4px;
}
.et-db #et-boc .et-l .et_social_inline .et_social_left .et_social_count span {
display: inline-block;
}
.et-db #et-boc .et-l .et_social_inline .et_social_networks .et_social_networkname,
.et-db #et-boc .et-l .et_social_inline .et_social_networks .et_social_count span {
font-weight: 700;
}
.et-db #et-boc .et-l .et_social_inline .et_social_networks span.et_social_overlay {
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.1);
bottom: 0;
left: 0;
z-index: 1;
position: absolute;
}
.et-db #et-boc .et-l .et_social_inline .et_social_left .et_social_overlay {
background-color: rgba(0, 0, 0, 0.1);
margin: 0 0 0 40px;
}
.et-db #et-boc .et-l .et_social_inline .et_social_facebook,
.et-db #et-boc .et-l .et_social_inline .et_social_networks.et_social_circle .et_social_facebook i {
background-color: #3a579a;
}
.et-db #et-boc .et-l .et_social_inline .et_social_twitter,
.et-db #et-boc .et-l .et_social_inline .et_social_networks.et_social_circle .et_social_twitter i {
background-color: #00abf0;
}
.et-db #et-boc .et-l .et_social_inline .et_social_pinterest,
.et-db #et-boc .et-l .et_social_inline .et_social_networks.et_social_circle .et_social_pinterest i {
background-color: #cd1c1f;
}
.et-db #et-boc .et-l .et_social_inline .et_social_linkedin,
.et-db #et-boc .et-l .et_social_inline .et_social_networks.et_social_circle .et_social_linkedin i {
background-color: #127bb6;
}
.et-db #et-boc .et-l .et_social_inline li.et_social_facebook:hover,
.et-db #et-boc .et-l .et_social_inline .et_social_networks.et_social_circle li.et_social_facebook:hover i {
background-color: #314a83;
}
.et-db #et-boc .et-l .et_social_inline .et_social_slide.et_social_left li:hover .et_social_icon:before {
margin-left: 40px;
margin-top: 0;
opacity: 0;
}
.et-db #et-boc .et-l .et_social_inline .et_social_slide.et_social_left li:hover .et_social_icon:after {
left: 0;
}
.et-db #et-boc .et-l .et_social_inline .et_social_networks li,
.et-db #et-boc .et-l .et_social_inline .widget_monarchwidget .et_social_networks li,
.et-db #et-boc .et-l .et_social_inline .widget .et_social_networks li,
.et-db #et-boc .et-l .et_social_inline .widget_text .et_social_networks li {
float: left;
position: relative;
margin: 2% 0 0 2%;
overflow: hidden;
min-height: 40px;
line-height: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment