Change the call us button

I have two isses my site is webtrendsevents.com
1) I want to change the call us button at the top right to be the same as the Register Now button at the bottom right (and linked to the same page)
2) I want the colour of that button to be a red button rather than the green /blue it is now.

Is this possible (I am using Roadfighter Template)

 

Hello,

1. For your first issue,
Go to the header.php file present in your theme directory and add the anchor hyperlink code as shown in the image given below.

Code:

<a href="Enter your link here"></a>

This will link the contact button.

Now,
paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

.header_wrapper .call-us {
background: red;
}
@media only screen and (max-width: 767px) and (min-width: 480px){
.header_wrapper .call-us {
background:none;
}
}
@media only screen and (max-width: 480px){
.header_wrapper .call-us {
background:none;
}
}

In place of red you can put your color or color code.
This will solve your issue.


2. For your second issue,
paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

.bottom_tagline .bottom_tagline_button a, .bottom_tagline .bottom_tagline_button a:hover {
background: red;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

In place of red you can put your color or color code.
This will solve your issue.

 

where do i find the correct folder on m cpanel - i have looked into the wp-content and uder themes and all i find is css, functions, images js, languages/

 

Hello,

1. For header.php file,
see the link given below to edit the file through FTP.
http://www.inkthemes.com/how-to-edit-internal-files-through-ftp/07/

Or

You can go to the Appearance > Editor > header.php file in your dashboard.

2. you will find the Custom CSS section in the your dashboard.

I hope this will help you.

 

Thanks but having done this I would like the button on the top right to be the same as the one on the bottom right with the same text. www.webtrendsevents.com
BTW the button works as you said, it just looks poor.

 

Hello,

Paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

.header_wrapper .call-us p {
background: none;
text-align: center;
color: #ffffff;
font-size: 24px;
line-height: 13px;
padding-top: 13px;
padding-left: 0px;
}
.header_wrapper .call-us {
width: 216px;
height: 44px;
}

This will solve your issue.