How can we change the Font Color and Font Size of the telephone number in our website?

[Chris Rivers]

Hi Team,

How can I change the font color or font size of the telephone number in our website, the one displayed beside where we can put our Company Logo.

Let me attach a photo to best understand the situation and hopefully someone can help

I don’t have any option in Layout or Design Editor to change font size or font color, is there any way to go over this?

Thanks,

[Danny Eiden]

Hi Chris,

Adding this CSS to your page will change the font size and color of the text you are highlighting.

/* Your "Talk to Us" text */
#call-to-action-div .phone-number .calluslead {
  font-size: 15px;
  color: #555;
}
/* Your "Email Us" text */
#call-to-action-div .phone-number .number {
  font-size: 15px;
  color: #555;
}

In the CSS above, I’ve made the two text areas the same size and color but not the same weight or capitalization. It will look like this.

Cheers,
Danny

[Gwen Morrison]

And how do you add CSS to a page ?

Thanks

[Danny Eiden]

Hi @Gwen-Morrison,

You can add custom CSS to your site by following this guide.

Best,
Danny