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

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)

LeoEcom
Shopify Partner
96 8 19

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

Build/Design/Redesign store | Shopify SEO promotion

Contact me and I will help you


Was my reply helpful? Click Like to let me know!

View solution in original post

LeoEcom
Shopify Partner
96 8 19

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;
}

 

 

 

Build/Design/Redesign store | Shopify SEO promotion

Contact me and I will help you


Was my reply helpful? Click Like to let me know!

View solution in original post

Replies 10 (10)

LeoEcom
Shopify Partner
96 8 19

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

Build/Design/Redesign store | Shopify SEO promotion

Contact me and I will help you


Was my reply helpful? Click Like to let me know!

Tetpf
Tourist
13 0 1

Thanks. What about the icon in bold?

LeoEcom
Shopify Partner
96 8 19

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;
}

 

 

 

Build/Design/Redesign store | Shopify SEO promotion

Contact me and I will help you


Was my reply helpful? Click Like to let me know!

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
393 131 201

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
bignigga
New Member
45 0 0

This don't work bro...

bignigga
New Member
45 0 0

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

bignigga
New Member
45 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?