I obviously love Divi Theme by Elegant Themes; this website is built using it. In fact, I try to only use Divi Theme when designing websites for my clients whenever possible. With that being said, you will see a lot of tips and tricks I’ve picked up from other designers and developers posted here for your convenience. Here’s the first one …
The default logo size in located in the navigation bar is kind of small. If you’d like to change the size, you can add the following custom CSS to your Divi child theme, or into your Divi theme ePanel. You should adjust the highlighted image size to your current logo size and tweak it to your liking.
/*DIVI CTA BUTTONS – OUTLINE STYLE*/
.et_pb_bg_layout_light .et_pb_promo_button, .et_pb_bg_layout_light .et_pb_more_button, .et_pb_bg_layout_light .et_pb_newsletter_button, .et_pb_pricing_table_button {
background-color: rgba(255, 255, 255, 0) !important;
color: #82c0c7;
border-color: #82c0c7;
}
.et_pb_promo_button, .et_pb_newsletter_button, a.et_pb_more_button, .et_pb_pricing_table_button {
background-color: rgba(0, 0, 0, 0);
border: solid 2px;
}
.et_fixed_nav #logo {
min-height: 125px;
max-height: 125px;
padding: 0 5px;
width: 252px;
}
And voila!