Sort by – Ico to text

Hi how are things ? I wanted to know if in the “sort by” section, that icon of the arrows could be changed to a text that shows where it is filtered

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 Mobile area under Theme Settings >> Custom CSS.

.woocommerce-ordering:after {
    content: "Sort By";
}

Regards.
Xtemos Studios.

Hello ,

I tried with that solution, but it doesn’t suit me.
I tried with max-width and font-size but it didn’t work well

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached. The text you are trying to add in the place of the icon is large that’s why it is displayed like that.

Please replace the previous Custom CSS with the following in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

.woocommerce-ordering:after {
    position: absolute !important;
    font-size: 15px;
    content: "Ordenar Por";
    width: 100px;
    margin-left: -40px;
}

Regards.
Xtemos Studios.

hello good afternoon, try that code but now in mobile, the filtering options are not displayed.

I put the web so that it is available

Hello,

Please remove the previous CSS code and try adding the following in the Custom CSS for the mobile area under Theme Settings >> Custom CSS.

.woocommerce-ordering:after {
    position: static;
    font-size: 13px;
    content: "Ordenar Por";
    width: 100px;
    margin-left: -40px;
}

Best Regards.

[Author]

Posts