Docs

[hjaffer]

Hi X

I managed to add font awesome icons before tab headings on one of my pages in the custom CSS section but that was only good before I saved the page. I then found out that instead of using one slash I had to use 2, e.g. “\\f009”. That doesn’t do it either as whenever I save the page the slashes are removed automatically. Here’s an example code:

.x-nav-tabs.appTab > li.appTabList1 > a:before {
  content: "\\f00b";
  font-family: fontawesome;
  float: left;
  margin-top: 1px;
  }

Thanks

[Christopher]

Hi there,

Customize removes backslash, please setup a child theme and add your CSS in style.css file.

Thanks.

[hjaffer]

Thanks Christopher.

[Paul R]

You’re welcome! 🙂

[hjaffer]

One more question in the same context. Feel free to create a new thread for it if you think it’s more useful to do though.

How would you stop displaying one tab based on screen size? I’ve created two tabs and I want one of them to disappear, and its content, when viewed on mobile.

Thanks

[Christian]

Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. Basically, you would need to create your own media queries. Thanks for understanding. Take care!

[Author]

Posts