How to change background and text color

Add these rules to your custom CSS:

header, .header-content-wrap,
#aboutus, #testimonials {
    background-color: #fff !important;
    color: black;
}

#aboutus h2, #aboutus p, #testimonials h2 {
    color: black;
}

#footer {
    background-color: #1ABC9C;
}

Note that making your header have a white background will eliminate the image; if you prefer to leave the image intact, remove the first couple of selectors from the first rule.

Also, making the background for About Us and Testimonials will make the text invisible, since the text color is also white. A color property was added to the first rule to make the text black, and the second rule makes the headings black as well.

The last rule changes the footer background to the same color as the top bar.

Hi, Thanks! i tried to add those rules to my stylesheet.css but nothing have change :/

It looks like your changes are there, although instead of white, you’ve changed your About Us section to a teal color, and the footer is now black.

yes i manage to do it, thank you!
One more question, is there any way to remove the gray circle around the feature section icons?

.focus-box .service-icon,
#focus .service-icon:hover {
    border: none;
}

This will also remove the colored circle that appears when the mouse is hovered over the icon.

Thank you! <3

Hey does anyone know how to change the colour of the ribbon banners in zeriflite and also the buttons withtin the ribbons?

Many thanks!