Alx Tab Widget – How to change the icon to text

Hi Pratama. You could add the following css to your custom css or child theme style.css file:

.fa-star:before {
  content: "Popular";
  }

.fa-clock-o:before {
  content: "Recent";
  }

Let me know if that works for you.

Hello bdbrown, could you please take a look into my query regarding changing the width of content area on single pages.

P.S. The thread is posted recently.

@mayurjango – please don’t cross-post in another user’s thread. Someone will respond to your post if they are able to assist you. Thanks.

thank you bdbrown, but it doesnt works, any other advice?

Might need to be a bit more specific. Try this:

.s1 .alx-tabs-nav .fa.fa-star:before {
  content: "Popular";
  }

.s1 .alx-tabs-nav .fa.fa-clock-o:before {
  content: "Recent";
  }

ahhhh it works, once again thank you bdbrown,
but there’s a little problem, the text are not in the center and the font seems different from my theme, i use the default font theme

This should fix it:

.s1 .alx-tabs-nav .fa {
  font: inherit;
  width: inherit;
  }

thank you very much bdbrown, you always solve my problem ??

Hi PratamaDA,
I have same problem with you.
But I can not resolve it.. ??
Did you any additional codes beside bdbrown gave to you?

Thankyou