Fort Lauderdale Tutorial Part Overview

Fort Lauderdale Divi Child Theme Tutorial Overview

This is a 6 page child theme with circle features for Optin and Testimonial Slider. We want to share some in-depth information about this theme to assist you with your customization. Although most of the colors in this theme are set within the modules. There are a few items that are set in css. Global Items These are the items with colors managed in css. – Navigation Menu Background – Contact Button in the Navigation Menu – Circled Dates on the Blog Posts – Testimonial Speech Bubble Backgrounds

To make changes to your css, we recommend using the Divi Epanal instead of changing the css stylesheet. If you make your changes in the css stylesheet and update your child theme, your changes may be overridden.

Copy and paste the code snippets to your Divi Theme Option Custom CSS field. Change the hex color to your desired color.

Change the color of the navigation menu:

[css]/* ADD BACKGROUND COLOR TO MAIN MENU */
.et_header_style_centered #main-header div#et-top-navigation { background-color: #94878e;}
[/css]

Change the color of the Call to Action button in the menu.

[css].menu-button a {color: #fff!important;} /* —————- [Text Color] ——- */
li.menu-button {background-color:#777777; } /* —————- [Button Color] ——- */
[/css]

Change the color of the circled dates on the Blog Module.

[code]#blog-featured .posta-met {background: #94878e none repeat scroll 0% 0%;} [/code]

Change the color of the Testimonial Bubble background.

[css]/* BACKGROUND COLOR OF THE TESTIMONIAL COLUMN (do not use background color in testimonial) */
.bubble.et_pb_column {background: #f1f1f1;}
/* TRIANGLE ON THE SIDE OF THE TEXT BUBBLE FOR THE TESTIMONIAL COLUMN */
.bubble.et_pb_column:after {border-color: transparent #f1f1f1;}
[/css]

Next we will show you how to master the pages of this divi child theme.  If there is something you would like us to add to the tutorial, please comment below.