Regarding changing filter icon on responsive view

This topic has 5 replies, 3 voices, and was last updated 6 years, 1 month ago by Bogdan Donovan.

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

Author

Posts
January 9, 2019 at 5:57 pm #101000

zuerst.digital
Participant

https://snag.gy/MotSy9.jpg

Please find the attached document having an icon which I need to replace instead of default one.

January 9, 2019 at 8:21 pm #101027

Elise Noromit
Member

Hello,

Please note that our theme supports only https://fontawesome.com/v4.7.0/icons/

What icon do you want to insert?

Best Regards

January 9, 2019 at 8:31 pm #101029

zuerst.digital
Participant

https://fontawesome.com/v4.7.0/icon/sliders please insert this icon

January 10, 2019 at 1:47 am #101046

zuerst.digital
Participant

please find the access details

January 10, 2019 at 5:26 am #101048

zuerst.digital
Participant

https://snag.gy/wUfQ2j.jpg I want to change the close icon as well need this icon for close option on the sidebar https://fontawesome.com/v4.7.0/icon/times

It will be great if you can insert an icon width same thickness as same as that of now. This icon is bolder, I prefer to have a simple line icon for this close.

January 10, 2019 at 10:22 am #101109
Bogdan Donovan
Keymaster
Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings.

Shop sidebar burger menu:
```
body .woodmart-show-sidebar-btn .woodmart-side-bar-icon {
    display:none;
}

.woodmart-show-sidebar-btn:before {
    content: "\f1de";
    font-size:20px;
    font-weight:400;
    color:rgba(0,0,0,.3);
    margin-right:10px;
    font-family: "FontAwesome";
}
```
Sidebar close button:
```
body .widget-heading .close-side-widget {
	padding-right: 0;
}

body .widget-heading .close-side-widget:after {
	  content: "\f00d";
    font-size:20px;
    font-weight:400;
    margin-right:10px;
    font-family: "FontAwesome";
		position: relative;
		top: 1px;
		width: auto;
		height: auto;
		background-color: transparent;
		margin: 0;
		margin-left: 7px;
		transform: none !important;
}

body .widget-heading .close-side-widget:before {
	display: none;
}
```
We can’t control the thickness of the close font awesome icon via CSS.

Regards
Author

Posts