Alignment of phone icon to the phone number.

Solved

Alignment of phone icon to the phone number.

MsMarj
Excursionist
29 0 2

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

 

Screenshot 2024-06-26 at 3.57.05 PM.png

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
8572 1690 1701

This is an 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>

- Helpful? Like and Accept solution!
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 10 (10)

Dan-From-Ryviu
Shopify Partner
8572 1690 1701

Hi @MsMarj 

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

 

- Helpful? Like and Accept solution!
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

MsMarj
Excursionist
29 0 2

Moeed
Shopify Partner
4400 1135 1393

Hey @MsMarj 

 

Can you share your Store URL and Password if enabled?

 

Best Regards,

Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

Dan-From-Ryviu
Shopify Partner
8572 1690 1701

This is an 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>

- Helpful? Like and Accept solution!
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

MsMarj
Excursionist
29 0 2

Where will I place that code?

techlyser_web
Shopify Partner
1849 345 373

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.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

GTLOfficial
Shopify Partner
290 52 54

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
4.png

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

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh
MsMarj
Excursionist
29 0 2

Thanks for this GTLOfficial

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

Screenshot 2024-06-27 at 2.04.23 PM.png

techlyser_web
Shopify Partner
1849 345 373

@MsMarj 

isn't see phone icon.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
GTLOfficial
Shopify Partner
290 52 54


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.??

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh