Home Forums WoodMart support forum Changin Sidebar icon

Changin Sidebar icon

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #253150

    GoDad
    Participant

    Hi can i change sidebar icon on mobile ?

    Attachments:
    You must be logged in to view attached files.
    #253169

    Hello,

    Please provide the icon you want to add so that I could provide the custom CSS.

    Best Regards

    #253183

    GoDad
    Participant

    Filter icon

    #253196

    Hello,

    Do you mean the icon from our demo? Please provide the screen or icon URL.

    Best Regards

    #253229

    GoDad
    Participant

    If you tell the code i can edit, i want this icon maybe https://fontawesome.com/v4.7.0/icon/filter

    #253236

    GoDad
    Participant
    #253370

    Hello,

    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

    #253375

    GoDad
    Participant

    Not working u can check screenshot i tried also png file

    Attachments:
    You must be logged in to view attached files.
    #253391

    GoDad
    Participant

    I also check cover; missing still not working.

    #253415

    Hello,

    Please do not change the CSS, just change the image.

    Best Regards

    #253429

    GoDad
    Participant

    Tried png file also not working.

    #253518

    Hello,

    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

    #253523

    GoDad
    Participant

    Yes now working i added background-color:transparent; thx.

    #253544

    That is fine. If you have any questions please feel free to contact us.

    Best Regards

Tagged: ,

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