Side Widget (Hello Chic)

QuestionsCategory: CustomizationSide Widget (Hello Chic)
Christina Marshall asked 3 years ago

Can you please tell me how to either add text to the arrow icon that shows or replace the icon with text? 

2 Answers
Jennifer Staff answered 3 years ago

Are you talking about the arrow that goes to the top of the page? If so that is all in the code, there is not really a way to adjust that without loading in your own SVG image, and modifying the code.

If it is the arrow in say the optin, that is a font awesome icon. You can use any one of the font awesome free icons

https://fontawesome.com/icons?d=gallery&m=free

Then you would just add text, and the icon code you choose.

Christina Marshall replied 3 years ago

No – Hello chic comes with a pop-out side widget. I do not want another Icon – I would like to add text. The current icon is hard to spot, and those who do see it will not know what it is for. Can you give me more information on how to add the text, please?

Jennifer Staff replied 3 years ago

The sidetab is using an ionicon. you can change the icon in the functions php file and also try adding wording to it. Then you would need to style it in the style sheet. I can provide a quote if you would like for us to modify it. Just need more info on what you would like.

Christina Marshall replied 3 years ago

i do not need to change the icon if I can just add text – I did find another icon that may work better if I can just find which line it is on… still looking…..

<a href="https://staging2.anscavating.com/&quot; rel="nofollow">https://staging2.anscavating.com/</a&gt;

Jennifer Staff replied 3 years ago

It is in the functions.php file on line 386. Would love to see what you do with it when all finished.

Christina Marshall replied 3 years ago

I will let you know when its done — just starting on it

Christina Marshall replied 3 years ago

Got it – you should take a look

Jennifer Staff replied 3 years ago

That is super cute. It looks like the icons are not loading but are meant to be font awesome? It may help to have the font awesome plugin installed.

Jennifer Staff answered 3 years ago

It may be because you have the same icon locally. Here is what I get when viewing. That plugin should fix it. Love how the site is coming together. Look forward to seeing it when you are done.

Attachments
Christina Marshall replied 3 years ago

I can still see it – so I then thought maybe its a browser issue, I tried chrome, firefox and Microsoft edge – It shows in all 3

Jennifer Staff replied 3 years ago

It is because it is downloaded to your computer somehow. If you view it on say your phone, not connected to your wifi, it will show like the screenshot.