Change the "Call Us Phone Number" area...

Can you please instruct me on how to change the "Call Us Phone Number" area to look like the attached image? Thank You!

 

Hello,

Go to the Appearance -> Theme Options -> General Settings panel in your dashboard
and put "Call Us Now" text in the Top Right Contact Details section and put "803-648-1313" in the Home Page Top Right Address section.

Now,
Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

img.call-us {
display: none;
}
.header-info {
text-align: center;
}
.header-info p.cell {
color: black;
font-size: 25px;
}
.header-info p {
color: red;
font-size: 40px;
line-height: 28px;
} 

You can change the value of "font-size" and "line-height" as per your requirement.
In place "red" you can put your color or color code.
This will solve your issue.

 

Thank You Piyush! One more question, is there a way to make the "Call Us Now 803-648-1313" disappear when the "Tap To Call" Button Appears in responsive mode?

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media only screen and (max-width: 480px){
.header-info p {
display: none;
}
.header-info p.cell {
display: none;
}
}
@media only screen and (max-width: 767px){
.header-info p {
display: none;
}
.header-info p.cell {
display: none;
}
} 

This will solve your issue.