How can i make the top area have a button?

BB Theme
1

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
http://b-safelockandkey.com/

Thanks

2

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!

3

Ok got it had it in the wrong place.

Thanks

4

How can i change the roll over text color?

5

Hi Edward! I think this code will do it:

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