How can I enlarge the icon and share button on my product description?

Store Design
, ,
1

Hello,

i added an icon with text in the product description, i want the icon to be bigger and the share button too. Can someone help me please ?

IMG_6337.jpeg
IMG_6337.jpeg1170Ă—2410 187 KB

Store url :https://prettypleaseatelier.com

password: Naomi

Thank you for your help!

1 Like
2

Hi @NaomiNN ,

Try this.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
li.icon-with-text__item img {
    width: 35px;
    height: 30px;
}
button.share-button__button {
    font-size: 20px;
}
svg.icon.icon-share {
    width: 20px;
    height: 20px;
}

Result:

Ribe_Dagandara_0-1689457496916.png
Ribe_Dagandara_0-1689457496916.png506Ă—198 2.87 KB

I hope it help.

1 Like
3

Thank you so much it worked, you are awesome . :blush:

1 Like
4

Hello,

i have an other question do you know how I can unbold the title of the icon with text, i want it to look normal like the other text, please. ?

1 Like
5

Yes, we can do that let me know which area/icon is that.. you can share the link also of that page. Thanks!

1 Like
6

Thank you, it’s the text of the gift icon in the product description.

That one

IMG_6366.jpeg
IMG_6366.jpeg1170Ă—2448 204 KB

The URL is: https://prettypleaseatelier.com/products/neutrals

Password: Naomi