Color of small social icons and color of text in contact-us, and footer color

Hi I have few small questions, I try to change color of small social icons in contact form but i dont know how?

another q: please how can I change orange text in contact form to another color for example white

other question is how can I change color of text in footer widgets:

and how can I change text color in services/projects and services widget (I know how to change icon collor but I dont know how to change text color):


Please provide the website link to check how I can have a live preview, but this seems like extended custom work as it is mostly CSS styling.


I can make it in css, but im not shure where, this is link:

other thing are just from template


Here’s some CSS to get you forward with the setup:

#contact-us .section-content .contact-us-box .box-right span {
    color: #fff;
#footer .widget ul li a:hover {
    color: #f1d204;
.front-page-section .section-header p,
#services .section-content .service .service-entry{
color: #000;


Hi thanks for assistance everything works well but this not:

Hover email in contact

small logos of social icons dont change hover color

and hover adress in footer

can you help please?


Try this code:

.widget a:hover {
    color: #eb6971 !important;

The social icons seems to be working alright.


thank you I just added that to it but it works well

.widget a:link {
    color: #888888 !important;

And I want to ask you where I can write these changes if I want that changes permanent ( after update)

thanks :slight_smile:

Maybe I find some problem but probably it is problem in code look at the pictures please

if you do something wrong in contact form tab is just around the message that something is wrong but if the email is sended normaly than message that says it is sended have green round box around the whole contact form (sorry for explanation)


Thanks for pointing out the contact issue and also the code that you used.

To have the CSS styling permanent I would recommend you to use a custom CSS plugin to handle it.
This way you can replace the theme files without worrying about erasing your CSS, but you should always keep a local backup of the files, regardless.

The best practice would be to set up a child theme if you will do any file modifications, but as far as CSS styling a plugin is all you need.