Various adjustments to the plugin design.
/* -- START Change Business Profile Styling -- */
/* Remove top margin */
.bp-contact-card>div{
margin-top:0 !important;
}
/* Left Align opening and holiday hours title */
.bp-opening-hours .bp-title {
text-align: left !important;
}
/* Remove opening and holiday hours title */
.bp-opening-hours .bp-title,
.bp-opening-hours.holiday .bp-title,
.bp-opening-hours.special .bp-title{
display:none !important;
}
/* Fix holiday date range wrapping */
.bp-date {
display: flex;
}
.bp-date .label {
flex: 1 1 auto;
max-width: 65%;
}
/* Add space + border between holidays and regular hours */
.bp-opening-hours.holiday {
padding-bottom: 2rem !important;
border-bottom: 4px double #00000066;
}
/* Add border between lines */
.bp-weekday, .bp-date {
border-bottom: 1px dotted #00000066;
}
/* Fix floating opening hourts in footer */
.footer-widget .widget_bpfwp_contact_card_widget {
float: none;
}
/* Prevent wrapping of opening times */
.bp-times {
width: 50% !important;
}
/* -- END Change Business Profile Styling -- */ Code language: CSS (css)
Change Business Profile Icons into Divi icons
/* START Change Business Profile Icons into Divi icons */
.bp-contact-card .bp-phone:before,
.bp-contact-card .bp-contact:before,
.bp-contact-card .bp-directions:before {
font-family: "ETmodules" !important;
font-size: 1.2em !important;
vertical-align: middle !important;
}
.bp-contact-card .bp-phone:before {
content: "e090";
}
.bp-contact-card .bp-contact:before {
content: "e076";
}
.bp-contact-card .bp-directions:before {
content: "e081";
}
/* END Change Business Profile Icons into Divi icons */Code language: CSS (css)