Need Quick Reply for a Few Changes Please

I'm on the clock working on a client's website using RoadFighter:

1. How can I customize the color i.e. add a new color beyond the options in the Styling Options > Theme Style Sheet?

2. Center Justify the menu titles. They are by default all left justified.

3. Lower the phone number button that appears in top right. It's too close to top edge of browser

4. Add custom LinkedIn and Twitter icons to top of browser with hyperlinks?

5. Change color of Home Page Button Text in "HP bottom tagline feature" section?

I really appreciate a quick reply and hope this can all be done easily ni the custom CSS box!

 

One to add to this: how can I change the color of the menu text when the mouse is rolled over it. It is currently a light blue. I'd like to make it darker blue.

 

Hello,

1. Go to css > color > dark-blue.css present in your theme directory and follow the instruction as shown in image given below



Now,
Go to
Appearance > Theme Option > Styling Option > Theme Stylesheet
and select dark-blue color from there.

2. Paste the code given below in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#menu {
text-align: center;
}

This will center justify the menu titles.

3. Paste the code given below in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.header_wrapper .call-us {
margin-top: 50px;
}

This will lower the phone number button.

4. You can search Wordpress plugin for the social media in wordpress.org. I hope this will help you.

5. Paste the code given below in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.bottom_tagline .bottom_tagline_button a {
background: blue;
border-radius: 10px;
}
.bottom_tagline .bottom_tagline_button a:hover {
background: red;
border-radius: 10px;
}

Inplace of "blue" and "red" you can put your color or color code.
This will solve your issue.

 

Paste the code given below in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover {
color: red ! important;
}

Inplace of "red" you can put your color or color code.
This will solve your issue.