Shorting icon

How can I replace the shorting icon by short by text (i.e. I want a label(SHORT BY) instead of up-down arrow icon).

Hello,

Please provide a relevant screenshot of the specific area in which you want to change the icon with the URL of the website to check it myself and help you out accordingly.

Regard’s.
Xtemos Studio.

please try to search any product and check the mobile view.

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached.

Please try adding the following Custom CSS in the Custom CSS for the Mobile area under Theme Settings >> Custom CSS.

.woocommerce-ordering::after {
font-size: 15px;
content: "Sort By";
font-family: inherit;
margin-left: -20px;
}

Regard’s.
Xtemos Studio.

Tried adding this code in custom css and it solved the problem. BUT it brought another problem.
Please visit my site (Mobile View) and search anything (or face & click see all result )and then select one rule eg. sort by popularity. after this try another rule to short it by price.

NOTE : what you can find is the Sort by option gets hidden or removed after you select one sort by option rule and this problem is seen after the custom css is used to replace the icon with text (sort by).

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshots you attached and visited your website. Please remove the CSS that I provided then check back.

If it behaves fine then provide admin panel login details of the website to check it myself and help you out accordingly.

Regard’s.
Xtemos Studio.

i had tested by removing the css at the moment i got the problem. It behaves fine with out this code. can i get the actual location of the file where the div with class .woocommerce-ordering exists.

Hello,

Sure you find the file under “woodmart/woocommerce/loop/orderby.php” you can customize it at your own risk.

Best Regards.

hello there.
can i open the messenger message tab using the information box ? is there any way to open it ?
There is a messenger tab in right hand side corner and i need to open it by chat now (information box). is there ay way to trigger it ?

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached. Sorry but there is no such option to trigger the Facebook messenger chat that you added with the infobox.

It requires customizations and this is beyond our limitations and support policy.

Regard’s.
Xtemos Studio.

how can i change the show filter icn in mob view. i want this icn “\f0b0”. i want to change only hamburger not the text(show filter)

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached. Please try adding the following Custom CSS in the Custom CSS for the Mobile area under Theme Settings >> Custom CSS.

body .woodmart-show-sidebar-btn .woodmart-side-bar-icon {
	display:none;
}
.woodmart-show-sidebar-btn:before {
	content: "\f0b0";
	font-size:20px;
	color:rgba(0,0,0,.3);
	margin-right:10px;
	font-family: "Font Awesome 5 Free";
}

Best Regards.

[Author]

Posts