Mark Spencer Divi Child Theme Documentation

CSS Color Changes

Table of Content

Theme Installation
Page CSS Color Changes

Header & Footer
Single Post & Sidebar

Podcast
FAQ

Portfolio
Blog Grid

Testimonials
About Page

Magazine
Default Single Page

Contact
Courses

Portfolio

Border Color at the bottom of the Portfolio Image

/* Border Color at the bottom of the Portfolio Image */
.et_pb_portfolio_grid.custom-portfolio .et_pb_portfolio_item,
.et_pb_filterable_portfolio.custom-portfolio .et_pb_portfolio_item {
background:#fff; border-bottom:10px solid #b83d3a;}

Border Color at the bottom of the Portfolio Image (Even)

/* Border Color at the bottom of the Portfolio Image */
.et_pb_portfolio_grid.custom-portfolio .et_pb_portfolio_item:nth-child(even),
.et_pb_filterable_portfolio.custom-portfolio .et_pb_portfolio_item:nth-child(even)
{border-bottom:10px solid #483d4d;}

Portfolio Heading Text (Even)

/* Portfolio Heading Text (Even) */
.et_pb_portfolio_grid.custom-portfolio .et_pb_portfolio_item:nth-child(even) h2 a,
.et_pb_filterable_portfolio.custom-portfolio 
.et_pb_portfolio_item:nth-child(even) h2 a 
{color:#483d4d!important;}

Blog Grid

Blog Grid Title Background Color

/* Blog Grid Title Background Color */
.custom-bloggrid .big-blog h2::after {
background:#b83d3a;

Blog Read More Link/Button

/* Blog Read More Link/Button */
.custom-bloggrid  a.more-link,.featured-mag a.more-link{ 
background: #b83d3a;}


Blog Read More Link/Button Hover
/* Blog Read More Link/Button Hover */
.custom-bloggrid .et_pb_post:hover a.more-link:hover {
background:#fff;color:#b83d3a;}

Testimonials

Testimonial Author Name Background Color

 /* Testimonial Author Name Background Color */
.custom-testimonial .et_pb_testimonial_author,
.custom-testimonial .et_pb_testimonial_meta {
background-color:#11092f;}

About Page

Text Overlay Background Color on the Hero Image

/* Text Overlay Background Color on the Hero Image */
#inner-hero .text-overlay{background:rgba(17,9,47,.8);}

Magazine

Title Background Color

/* Title Background Color */
.featured-mag h2{background: rgba(255,255,255,.5)}

Read More Link/Button Color

/* Read More Link/Button Color */
.featured-mag a.more-link {background:#11092f;}

Read More Link/Button Hover Color

/* Read More Link/Button Hover Color */
.featured-mag a.more-link:hover{background:#b83c3a;}

Default Single Page

Mobile Menu on Default Single Page

 /*Mobile Menu on Default Single Page */ 
.et_right_sidebar #standard-menu li a,
.archive #standard-menu li a,
.archive #standard-menu li a,
.archive.et_pb_slide_menu_active #et-top-navigation p, 
.archive.et_pb_slide_menu_active .mobile_menu_bar:after,
.et_right_sidebar.et_pb_slide_menu_active #et-top-navigation p,
.et_right_sidebar.et_pb_slide_menu_active .mobile_menu_bar:after {
color:#11092f;}

Contact

Captcha Color

 /* Captcha Color */
.custom-cform .et_pb_contact_submit,
.custom-cform .et_pb_contact_captcha_question{color:#fff;}

/* Drop Cap */

/* Drop Cap */
.et-dropcap {color:#b83c3a;}

Courses

Portfolio Pagination Active Page Background Color and Number Color

/*Portfolio Pagination Active Page Background Color and Number Color */
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active,
.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active, 
.et_pb_gallery .et_pb_gallery_pagination ul li a.active,
.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a:hover, 
.et_pb_gallery .et_pb_gallery_pagination ul li a:hover,
.wp-pagenavi span.current,.wp-pagenavi a:hover {
	background:#110930!important; 
        color:#fff!important;
}

Link Background Color

/* Link Background Color */
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a{
	background:#eee3f4;}

Mark Spencer Page CSS Color Changes