Change size of phone number

[cesar-lustosa]

Hello good Morning. How to reduce the size of the phone number, both home and Call action, I’m waiting.

CESAR LUSTOSA

• This topic was modified 6 years, 12 months ago by cesar-lustosa.
• This topic was modified 6 years, 12 months ago by Andy.
• This topic was modified 6 years, 12 months ago by Andy.

[Andy]

For the top phone number add this in Customize > Additional CSS:
(change 20px to the size you want)

.top-tel {
    font-size: 20px;
}

For the call-to-action phone number add this CSS:
(change 66px to the size you want)

#cta-section .cta-tel {
    font-size: 66px;
}

[cesar-lustosa]

Thank you.
It worked.
How to reduce the icons of the shop and phone and also the circle where the same is

[Andy]

For the icons and the circular background, this is the standard:

.top-tel .fa {
    font-size: 24px;
    line-height: 40px;
    width: 40px;
    height: 40px;
}

e.g. you could change it something like this, or whatever values you want:

.top-tel .fa {
    font-size: 16px;
    line-height: 30px;
    width: 30px;
    height: 30px;
}

[cesar-lustosa]

Great. Congratulations and Thank you.

[Author]

Posts