Authority Pro: Change the grey footer and shading

[msjkristina]

Hi there,

I am using authority pro on my site and would like to change the grey shading to a pinkish white to match my new branding colors.

Where can I find that code to swap the hex? It's in the hero area, footer, and part of the blog post featured image.

Any help would be appreciated.

http://thespirituallovecoach.com

[AnitaC]

There are quite a number of places to do that in two different files - style.css and style-front.css. The top box code is this in the stylesheet.

.hero-section-column.right::before {
	background: #f4f4f4;
	content: "";
	display: block;
	right: 0;
	height: calc(100% - 140px);
	position: absolute;
	top: 70px;
	width: 142%;
	z-index: -1;
}

You can do a search for other areas that have the ":before" at the end of it along with the background color "#f4f4f4" for the remaining blocks.

Then for the box shadow:

box-shadow: 0 16px 65px rgba(0,0,0,.18)

Because they are also part of those blocks and your featured images on the blog posts.

---

Need help with customization or troubleshooting? Reach out to me.

[msjkristina]

Thank you this was really helpful!! I can't wait to get my website updated with my new brand colors.

[Author]

Posts