Solved

How to change the sales point text color and make the icon bold in Impulse theme?

Tetpf
Tourist
13 0 1

I want to put the color DDAC00 in the sales point "Free worldwide shipping" and make its icon highlighted in bold on the product page. My theme is in Portuguese, which is my language, so I only translated the sales point to make it easier for you to understand. I made an edit of how I want it to look

Free worldwide shipping (1).png

URL: hallygold.com

password: cliagi

Accepted Solutions (2)

LeanidasEcom
Shopify Partner
91 7 18

This is an accepted solution.

Just go to the theme editor. And paste this code into the "Text" line

 

<font color="DDAC0"><b>Free worldwide shipping</b></font>

screenshot 2022-06-11 в 23.46.01.png

Shopify Agency - STEP-MEDIA™
≈ Shopify SEO promotion | Create Shopify store high conversion ≈
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution

View solution in original post

LeanidasEcom
Shopify Partner
91 7 18

This is an accepted solution.

I thought you should highlight the text in bold)) If you don't need to should highlight the text in bold, then delete "<b>" and "</b>" in the code that I wrote to you👆.

 

To highlight the icon, add the code at the very bottom of the theme.css.liquid file :

 

 

.icon-truck .a {
  stroke-width:5px !important;
}

 

 

 

Shopify Agency - STEP-MEDIA™
≈ Shopify SEO promotion | Create Shopify store high conversion ≈
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution

View solution in original post

Replies 10 (10)

LeanidasEcom
Shopify Partner
91 7 18

This is an accepted solution.

Just go to the theme editor. And paste this code into the "Text" line

 

<font color="DDAC0"><b>Free worldwide shipping</b></font>

screenshot 2022-06-11 в 23.46.01.png

Shopify Agency - STEP-MEDIA™
≈ Shopify SEO promotion | Create Shopify store high conversion ≈
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution
Tetpf
Tourist
13 0 1

Thanks. What about the icon in bold?

LeanidasEcom
Shopify Partner
91 7 18

This is an accepted solution.

I thought you should highlight the text in bold)) If you don't need to should highlight the text in bold, then delete "<b>" and "</b>" in the code that I wrote to you👆.

 

To highlight the icon, add the code at the very bottom of the theme.css.liquid file :

 

 

.icon-truck .a {
  stroke-width:5px !important;
}

 

 

 

Shopify Agency - STEP-MEDIA™
≈ Shopify SEO promotion | Create Shopify store high conversion ≈
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution
Tetpf
Tourist
13 0 1

I'm trying to put the checkmark in the code but it doesn't work. Can you please resolve this?

DavidEKim
Shopify Partner
392 131 187

In theme.css or theme.css.liquid, please add the code below.

 

svg .icon .icon-truck {

  stroke: #DDAC00 !important;
  stroke-width: 5px !important;

}

If helpful, please Like and Accept Solution.
Want to customize your store, please feel free to contact me.
PeopleVillage - Shopify Partner
Devinyo
New Member
30 0 0

This don't work bro...

Devinyo
New Member
30 0 0

Can you help please! This doesn't work...

Devinyo
New Member
30 0 0

Help please, this doesn't work!

Tetpf
Tourist
13 0 1

I already solved the problem with the checkmark. thank you so much

EssDR
Visitor
1 0 0

How did you make the icons bold?