Need Hook for customize icon and text.

This topic has 3 replies, 3 voices, and was last updated 2 years, 4 months ago by Luke Nielsen.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
July 4, 2022 at 9:04 am #388334
gownwala.thread
Participant
Hello Team,

I want to need to customize the hook for text as well as icons.

Steps:
- go to the shop page
- see Show sidebar Text and 3 line icon
Screenshot:

https://i.imgur.com/a2gu0S2.png

Attachments:
You must be logged in to view attached files.
July 4, 2022 at 12:52 pm #388397

Aizaz Imtiaz Awan
Keymaster

Hello,

You can try using the loco translate plugin to translate the strings as you required.

You can also watch the video in our detailed documentation in the following link: https://www.youtube.com/watch?v=D3NsDdMzsls

And to change the icon try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.wd-show-sidebar-btn>a:before {
content: “\f105”;
}

Best Regards

July 11, 2022 at 6:29 am #390074

gownwala.thread
Participant

Hello there,

I want to change the text “Show sidebar” to “Filters” and I want to change 3 line icon to “Filter icon” (https://fontawesome.com/icons/filter?s=solid) and do as you say but it’s not showing 🙁

.wd-show-sidebar-btn>a:before {
content: “\f0b0”;
}

Please give me a solution.

July 11, 2022 at 12:56 pm #390194

Luke Nielsen
Keymaster

Hello,

1. Please navigate to Loco Translate -> Themes -> WoodMart -> enter the “Show sidebar” in the search form and change it.

https://gyazo.com/354d07f1fd56e67ec4e6ed4cdda3cbaa

Before: https://gyazo.com/2aed739462edc90d287b844edde3662e
After: https://gyazo.com/9e23d1d56d849c673bbfefed4bd8ee54

2. Please, try to enable the “Always use” option for the “Font Awesome library” field in Theme Settings -> Performance -> Fonts & Icons and check the issue again.

https://gyazo.com/e904f55c9844f5c245b83233d7216d2c

In the meantime, feel free to ask me any questions you may have.

Kind Regards
Author

Posts