Alignment of phone icon to the phone number.

[MsMarj]

I've managed to add the phone icon to the phone number. Now, I need assistance with aligning it or increasing its size.

 

[Dan-From-Ryviu]

Hi @MsMarj 

Could you share the page URL so I can check and give you the code to do that? 

[MsMarj]

https://www.areaoffice.com.au/

[Moeed]

Hey @MsMarj 

Can you share your Store URL and Password if enabled?

Best Regards,

Moeed

[Dan-From-Ryviu · Accepted solution]

Hi @MsMarj 

You can try to add this code to your theme.liquid file and check if it solve 

<style>
.phone-number {
    display: inline-flex;
    align-items: center;
}
</style>

[MsMarj]

Where will I place that code?

[niraj_patel]

Hello @MsMarj 
would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.

[GTLOfficial]

Hello @MsMarj 
Go to online store ---------> themes --------------> actions ------> edit code-------> base.css----->line number 1667
add this code.

strong {
font-weight: 700;
font-size: 25px;
}

and the result will be

If this was helpful, hit the like button and mark the job as completed.
Thanks

[MsMarj]

Thanks for this GTLOfficial

The font size changed but the phone icon still not in line to the phone number

 

[niraj_patel]

@MsMarj 

isn't see phone icon.

[GTLOfficial]

I have checked all the screen sizes but could not find the phone icon in any screen.

even in coding also i could not find the icon code.

Can you please let me know in which screen you are checking this.??