Home › Forums › WoodMart support forum › Changin Sidebar icon
Changin Sidebar icon
- This topic has 13 replies, 2 voices, and was last updated 3 years, 11 months ago by Elise Noromit.
-
AuthorPosts
-
December 22, 2020 at 4:19 pm #253150
GoDadParticipantHi can i change sidebar icon on mobile ?
Attachments:
You must be logged in to view attached files.December 22, 2020 at 7:31 pm #253169
Elise NoromitMemberHello,
Please provide the icon you want to add so that I could provide the custom CSS.
Best Regards
December 22, 2020 at 8:43 pm #253183
GoDadParticipantFilter icon
December 22, 2020 at 11:02 pm #253196
Elise NoromitMemberHello,
Do you mean the icon from our demo? Please provide the screen or icon URL.
Best Regards
December 23, 2020 at 7:07 am #253229
GoDadParticipantIf you tell the code i can edit, i want this icon maybe https://fontawesome.com/v4.7.0/icon/filter
December 23, 2020 at 7:50 am #253236
GoDadParticipanti want to use this icon. https://cepdeda.com/wp-content/uploads/2020/12/Filter.svg
December 23, 2020 at 4:42 pm #253370
Elise NoromitMemberHello,
Please add this code to the Theme Settings > Custom CSS > Mobile:
body .woodmart-show-sidebar-btn .woodmart-side-bar-icon{ background-color:transparent; background-image:url(https://cepdeda.com/wp-content/uploads/2020/12/Filter.svg); background-repeat:no-repeat; background-size: cove } body .woodmart-show-sidebar-btn .woodmart-side-bar-icon:after, body .woodmart-show-sidebar-btn .woodmart-side-bar-icon:before{ background-color:transparent; background-image:url(https://cepdeda.com/wp-content/uploads/2020/12/Filter.svg); background-repeat:no-repeat; background-size: cover; }
Best Regards
December 23, 2020 at 4:51 pm #253375
GoDadParticipantNot working u can check screenshot i tried also png file
Attachments:
You must be logged in to view attached files.December 23, 2020 at 6:57 pm #253391
GoDadParticipantI also check cover; missing still not working.
December 24, 2020 at 12:14 am #253415
Elise NoromitMemberHello,
Please do not change the CSS, just change the image.
Best Regards
December 24, 2020 at 4:01 am #253429
GoDadParticipantTried png file also not working.
December 24, 2020 at 12:29 pm #253518
Elise NoromitMemberHello,
Please replace the code and insert your image URL in the new code:
body .woodmart-show-sidebar-btn .woodmart-side-bar-icon{ background-image:url(https://woodmart.xtemos.com/wp-content/uploads/2017/01/light-bulb.svg); background-repeat:no-repeat; background-size: cover; width:30px; height:30px; background-position:center center; display:inline-block; } body .woodmart-show-sidebar-btn .woodmart-side-bar-icon:after, body .woodmart-show-sidebar-btn .woodmart-side-bar-icon:before{ display:none; }
Best Regards
December 24, 2020 at 12:46 pm #253523
GoDadParticipantYes now working i added background-color:transparent; thx.
December 24, 2020 at 2:43 pm #253544
Elise NoromitMemberThat is fine. If you have any questions please feel free to contact us.
Best Regards
-
AuthorPosts
- You must be logged in to create new topics. Login / Register