How can i make the top area have a button?

Hi working on another site i just took over customer was not not happy with other designer and lack of what they did.

I have a lot loaded in it now but i would like to be able to have the phone number listing up top right be a button or something to make it stand out that is what it had on the other site it was a button.

How can i do this to make it stand out better or be a button with background color?

the site so far


Hi Edward! Thanks for reaching out with your question.

You can add HTML to the Header Content Text box. You can use the following code to create an anchor tag with a phone number:

<a href="tel:555-555-5555" class="header-phone-button">Call Now: 555-555-5555</a>

Then, you can style the button with CSS. I didn’t test this, but you could try something like this to create a button:

.header-phone-button {
    background-color: #0F637D;
    display: inline-block;
    color: #fff;
    padding: 5px 18px;
    border-radius: 5px;

Again, didn’t test it, but that code should get you started! Let me know if you have any more questions!

Ok got it had it in the wrong place.


How can i change the roll over text color?

Hi Edward! I think this code will do it:

.header-phone-button:hover {
    color: red;