About us background image + action button color


Thanks to you guys, I have been able to customize my site in infinite ways! Thank you so much.
Now, I tried flipping the colors of the site and now am adding backgrounds. However, no matter what I do, the about us section will not show the background.
I tried changing the background from edit row and edit both.

Also, how do I change the color of the action button on the about us section. I tried in the css, I tried in appearance - customize - front page colors too.

What do I do?

Figured out the action button color change! Thanks to prev threads :slight_smile:

This is how for everyone else
Add below code using simple custom css plugin:

/* About us - action button text and border color change to white*/
.about_text-area .read-more,
.about_text-area .action-title {
color: #ffffff;
border-color: #ffffff;

Figuring out the background image hack. Any help, much appreciated!

Ok, am ready to forego about us background.
And instead am looking for zero opacity in the contact us widget. There is a gray film that is killing my background.
How do I set it off?

Hi Mandy,

Here is the code that you need to remove the gray color of the about us section.

#pg-701-0:first-of-type {
    border-top: none;

Hey Awan,

It is the contact us section.

I have kept the gray film on (which appears every time I set a background image only)
Have a look!


Oh I seeā€¦

Put these code then:

.contact-area:after {
    background-color: transparent !important;

@Awan worked like a charm! resolved!!