Add labels to archive page grid/list view buttons

Hello,

Do you want to remove the icon and add the label? Add the below code to the Customize > Custom CSS section to do it.

.icon-grid:before {
    content: "Grid";
}
.icon-list:before {
    content: "List";
}

I don’t want to remove icon, I’d like both icon and label. If possible I would like the words above or beneath the icon. How can I do this? Thank you very much for your help.

• This reply was modified 5 years, 8 months ago by stoicassistant.
• This reply was modified 5 years, 8 months ago by stoicassistant.

Okay, then use the below code instead of the previous one –

.woocommerce #oceanwp-grid:after {
    content: ' Grid';
}
.woocommerce #oceanwp-list:after {
    content: ' List';
}

You are so helpful, thank you for all your work.

You’re welcome!