Support only during business hours : Monday to friday, from 8:30 am – 5:30 pm CEST

Icons Missing

Due to the decrease in our staff due to vacations, our response time may be longer.

Be sure we're doing our best to manage your topic as soon as possible.

Icons Missing

Find Answers and Get Support › Forums › Cera – Intranet & Community Theme › Theme Customizer › Icons Missing

This topic is resolved
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • Christian Jenkins
    Participant
    • 17 Topics
    • 44 Posts
    @christianj40

    Hello,

    I have followed several suggestions from this forum on why icons aren’t showing randomly. Unforantly the suggestions don’t fix my issue, and I was wondering if you could please help me figure out why they aren’t showing randomly.

    Thanks,
    Christian

    P.S.

    The icons showing that are visible are ones I created with the same structure on how your theme shows your icons.

    icons-5 Icons
    November 1, 2021 at 16:51 #36375
    Christian Jenkins
    Participant
    • 17 Topics
    • 44 Posts
    @christianj40
    This reply has been marked as private.
    November 1, 2021 at 16:52 #36376
    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6297 Posts
    @themodactyl

    Hi Christian,

    Thanks for getting in touch! We’ve received your request and we’ll get you an answer shortly. 🙂

    We really thank you for your patience!

    Kind regards,

    November 2, 2021 at 09:31 #36384
    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6297 Posts
    @themodactyl

    Thank you for your patience Christian.

    That’s very odd. 🤔

    Can you tell us with which browser you are experiencing this issue? Can you tell us if you are experiencing this issue with another browser?

    Best,

    November 3, 2021 at 16:02 #36471
    Christian Jenkins
    Participant
    • 17 Topics
    • 44 Posts
    @christianj40

    Howdy!

    I am mainly using Google Chrome, I flip back and forth using several different browsers (Edge, Chrome, Firefox, Safari). Again its random.

    Thanks,
    Christian

    November 3, 2021 at 19:01 #36472
    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6297 Posts
    @themodactyl

    Hi Christian,

    Thank very much for reporting this issue to us. 🙂

    We will investigate further to find from where this issue is coming from and how we can help you.

    We will be back to you ASAP.

    Regards,

    November 4, 2021 at 15:03 #36493
    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6297 Posts
    @themodactyl

    Hi Christian,

    Could you add the following code snippet to your website?

    /**
* FIX: Prevents icons from disappearing
*/
.cera-menu-arrow:before {
  content: "\ea21";
}

.cera-quote:before {
  content: "\ea1e";
}

.cera-pushpin:before {
  content: "\ea1f";
}

.cera-swap:before {
  content: "\ea20";
}

.cera-alphabetical:before {
  content: "\ea18";
}

.cera-talk:before {
  content: "\ea19";
}

.cera-student:before {
  content: "\ea1a";
}

.cera-reply-all:before {
  content: "\ea1b";
}

.cera-star-on:before {
  content: "\ea1c";
}

.cera-heart-on:before {
  content: "\ea1d";
}

.cera-activity:before {
  content: "\e900";
}

.cera-airplay:before {
  content: "\e901";
}

.cera-alert-circle:before {
  content: "\e902";
}

.cera-alert-octagon:before {
  content: "\e903";
}

.cera-alert-triangle:before {
  content: "\e904";
}

.cera-align-center:before {
  content: "\e905";
}

.cera-align-justify:before {
  content: "\e906";
}

.cera-align-left:before {
  content: "\e907";
}

.cera-align-right:before {
  content: "\e908";
}

.cera-anchor:before {
  content: "\e909";
}

.cera-aperture:before {
  content: "\e90a";
}

.cera-archive:before {
  content: "\e90b";
}

.cera-arrow-down-circle:before {
  content: "\e90c";
}

.cera-arrow-down-left:before {
  content: "\e90d";
}

.cera-arrow-down-right:before {
  content: "\e90e";
}

.cera-arrow-down:before {
  content: "\e90f";
}

.cera-arrow-left-circle:before {
  content: "\e910";
}

.cera-arrow-left:before {
  content: "\e911";
}

.cera-arrow-right-circle:before {
  content: "\e912";
}

.cera-arrow-right:before {
  content: "\e913";
}

.cera-arrow-up-circle:before {
  content: "\e914";
}

.cera-arrow-up-left:before {
  content: "\e915";
}

.cera-arrow-up-right:before {
  content: "\e916";
}

.cera-arrow-up:before {
  content: "\e917";
}

.cera-at-sign:before {
  content: "\e918";
}

.cera-award:before {
  content: "\e919";
}

.cera-bar-chart-2:before {
  content: "\e91a";
}

.cera-bar-chart:before {
  content: "\e91b";
}

.cera-battery-charging:before {
  content: "\e91c";
}

.cera-battery:before {
  content: "\e91d";
}

.cera-bell-off:before {
  content: "\e91e";
}

.cera-bell:before {
  content: "\e91f";
}

.cera-bluetooth:before {
  content: "\e920";
}

.cera-bold:before {
  content: "\e921";
}

.cera-book-open:before {
  content: "\e922";
}

.cera-book:before {
  content: "\e923";
}

.cera-bookmark:before {
  content: "\e924";
}

.cera-box:before {
  content: "\e925";
}

.cera-briefcase:before {
  content: "\e926";
}

.cera-calendar:before {
  content: "\e927";
}

.cera-camera-off:before {
  content: "\e928";
}

.cera-camera:before {
  content: "\e929";
}

.cera-cast:before {
  content: "\e92a";
}

.cera-check-circle:before {
  content: "\e92b";
}

.cera-check-square:before {
  content: "\e92c";
}

.cera-check:before {
  content: "\e92d";
}

.cera-chevron-down:before {
  content: "\e92e";
}

.cera-chevron-left:before {
  content: "\e92f";
}

.cera-chevron-right:before {
  content: "\e930";
}

.cera-chevron-up:before {
  content: "\e931";
}

.cera-chevrons-down:before {
  content: "\e932";
}

.cera-chevrons-left:before {
  content: "\e933";
}

.cera-chevrons-right:before {
  content: "\e934";
}

.cera-chevrons-up:before {
  content: "\e935";
}

.cera-chrome:before {
  content: "\e936";
}

.cera-circle:before {
  content: "\e937";
}

.cera-clipboard:before {
  content: "\e938";
}

.cera-clock:before {
  content: "\e939";
}

.cera-cloud-drizzle:before {
  content: "\e93a";
}

.cera-cloud-lightning:before {
  content: "\e93b";
}

.cera-cloud-off:before {
  content: "\e93c";
}

.cera-cloud-rain:before {
  content: "\e93d";
}

.cera-cloud-snow:before {
  content: "\e93e";
}

.cera-cloud:before {
  content: "\e93f";
}

.cera-code:before {
  content: "\e940";
}

.cera-codepen:before {
  content: "\e941";
}

.cera-codesandbox:before {
  content: "\e942";
}

.cera-coffee:before {
  content: "\e943";
}

.cera-columns:before {
  content: "\e944";
}

.cera-command:before {
  content: "\e945";
}

.cera-compass:before {
  content: "\e946";
}

.cera-copy:before {
  content: "\e947";
}

.cera-corner-down-left:before {
  content: "\e948";
}

.cera-corner-down-right:before {
  content: "\e949";
}

.cera-corner-left-down:before {
  content: "\e94a";
}

.cera-corner-left-up:before {
  content: "\e94b";
}

.cera-corner-right-down:before {
  content: "\e94c";
}

.cera-corner-right-up:before {
  content: "\e94d";
}

.cera-corner-up-left:before {
  content: "\e94e";
}

.cera-corner-up-right:before {
  content: "\e94f";
}

.cera-cpu:before {
  content: "\e950";
}

.cera-credit-card:before {
  content: "\e951";
}

.cera-crop:before {
  content: "\e952";
}

.cera-crosshair:before {
  content: "\e953";
}

.cera-database:before {
  content: "\e954";
}

.cera-delete:before {
  content: "\e955";
}

.cera-disc:before {
  content: "\e956";
}

.cera-dollar-sign:before {
  content: "\e957";
}

.cera-download-cloud:before {
  content: "\e958";
}

.cera-download:before {
  content: "\e959";
}

.cera-droplet:before {
  content: "\e95a";
}

.cera-edit-2:before {
  content: "\e95b";
}

.cera-edit-3:before {
  content: "\e95c";
}

.cera-edit:before {
  content: "\e95d";
}

.cera-external-link:before {
  content: "\e95e";
}

.cera-eye-off:before {
  content: "\e95f";
}

.cera-eye:before {
  content: "\e960";
}

.cera-facebook:before {
  content: "\e961";
}

.cera-fast-forward:before {
  content: "\e962";
}

.cera-feather:before {
  content: "\e963";
}

.cera-figma:before {
  content: "\e964";
}

.cera-file-minus:before {
  content: "\e965";
}

.cera-file-plus:before {
  content: "\e966";
}

.cera-file-text:before {
  content: "\e967";
}

.cera-file:before {
  content: "\e968";
}

.cera-film:before {
  content: "\e969";
}

.cera-filter:before {
  content: "\e96a";
}

.cera-flag:before {
  content: "\e96b";
}

.cera-folder-minus:before {
  content: "\e96c";
}

.cera-folder-plus:before {
  content: "\e96d";
}

.cera-folder:before {
  content: "\e96e";
}

.cera-framer:before {
  content: "\e96f";
}

.cera-frown:before {
  content: "\e970";
}

.cera-gift:before {
  content: "\e971";
}

.cera-git-branch:before {
  content: "\e972";
}

.cera-git-commit:before {
  content: "\e973";
}

.cera-git-merge:before {
  content: "\e974";
}

.cera-git-pull-request:before {
  content: "\e975";
}

.cera-github:before {
  content: "\e976";
}

.cera-gitlab:before {
  content: "\e977";
}

.cera-globe:before {
  content: "\e978";
}

.cera-grid:before {
  content: "\e979";
}

.cera-hard-drive:before {
  content: "\e97a";
}

.cera-hash:before {
  content: "\e97b";
}

.cera-headphones:before {
  content: "\e97c";
}

.cera-heart:before {
  content: "\e97d";
}

.cera-help-circle:before {
  content: "\e97e";
}

.cera-hexagon:before {
  content: "\e97f";
}

.cera-home:before {
  content: "\e980";
}

.cera-image:before {
  content: "\e981";
}

.cera-inbox:before {
  content: "\e982";
}

.cera-info:before {
  content: "\e983";
}

.cera-instagram:before {
  content: "\e984";
}

.cera-italic:before {
  content: "\e985";
}

.cera-key:before {
  content: "\e986";
}

.cera-layers:before {
  content: "\e987";
}

.cera-layout:before {
  content: "\e988";
}

.cera-life-buoy:before {
  content: "\e989";
}

.cera-link-2:before {
  content: "\e98a";
}

.cera-link:before {
  content: "\e98b";
}

.cera-linkedin:before {
  content: "\e98c";
}

.cera-list:before {
  content: "\e98d";
}

.cera-loader:before {
  content: "\e98e";
}

.cera-lock:before {
  content: "\e98f";
}

.cera-log-in:before {
  content: "\e990";
}

.cera-log-out:before {
  content: "\e991";
}

.cera-mail:before {
  content: "\e992";
}

.cera-map-pin:before {
  content: "\e993";
}

.cera-map:before {
  content: "\e994";
}

.cera-maximize-2:before {
  content: "\e995";
}

.cera-maximize:before {
  content: "\e996";
}

.cera-meh:before {
  content: "\e997";
}

.cera-menu:before {
  content: "\e998";
}

.cera-message-circle:before {
  content: "\e999";
}

.cera-message-square:before {
  content: "\e99a";
}

.cera-mic-off:before {
  content: "\e99b";
}

.cera-mic:before {
  content: "\e99c";
}

.cera-minimize-2:before {
  content: "\e99d";
}

.cera-minimize:before {
  content: "\e99e";
}

.cera-minus-circle:before {
  content: "\e99f";
}

.cera-minus-square:before {
  content: "\e9a0";
}

.cera-minus:before {
  content: "\e9a1";
}

.cera-monitor:before {
  content: "\e9a2";
}

.cera-moon:before {
  content: "\e9a3";
}

.cera-more-horizontal:before {
  content: "\e9a4";
}

.cera-more-vertical:before {
  content: "\e9a5";
}

.cera-mouse-pointer:before {
  content: "\e9a6";
}

.cera-move:before {
  content: "\e9a7";
}

.cera-music:before {
  content: "\e9a8";
}

.cera-navigation-2:before {
  content: "\e9a9";
}

.cera-navigation:before {
  content: "\e9aa";
}

.cera-octagon:before {
  content: "\e9ab";
}

.cera-package:before {
  content: "\e9ac";
}

.cera-paperclip:before {
  content: "\e9ad";
}

.cera-pause-circle:before {
  content: "\e9ae";
}

.cera-pause:before {
  content: "\e9af";
}

.cera-pen-tool:before {
  content: "\e9b0";
}

.cera-percent:before {
  content: "\e9b1";
}

.cera-phone-call:before {
  content: "\e9b2";
}

.cera-phone-forwarded:before {
  content: "\e9b3";
}

.cera-phone-incoming:before {
  content: "\e9b4";
}

.cera-phone-missed:before {
  content: "\e9b5";
}

.cera-phone-off:before {
  content: "\e9b6";
}

.cera-phone-outgoing:before {
  content: "\e9b7";
}

.cera-phone:before {
  content: "\e9b8";
}

.cera-pie-chart:before {
  content: "\e9b9";
}

.cera-play-circle:before {
  content: "\e9ba";
}

.cera-play:before {
  content: "\e9bb";
}

.cera-plus-circle:before {
  content: "\e9bc";
}

.cera-plus-square:before {
  content: "\e9bd";
}

.cera-plus:before {
  content: "\e9be";
}

.cera-pocket:before {
  content: "\e9bf";
}

.cera-power:before {
  content: "\e9c0";
}

.cera-printer:before {
  content: "\e9c1";
}

.cera-radio:before {
  content: "\e9c2";
}

.cera-refresh-ccw:before {
  content: "\e9c3";
}

.cera-refresh-cw:before {
  content: "\e9c4";
}

.cera-repeat:before {
  content: "\e9c5";
}

.cera-rewind:before {
  content: "\e9c6";
}

.cera-rotate-ccw:before {
  content: "\e9c7";
}

.cera-rotate-cw:before {
  content: "\e9c8";
}

.cera-rss:before {
  content: "\e9c9";
}

.cera-save:before {
  content: "\e9ca";
}

.cera-scissors:before {
  content: "\e9cb";
}

.cera-search:before {
  content: "\e9cc";
}

.cera-send:before {
  content: "\e9cd";
}

.cera-server:before {
  content: "\e9ce";
}

.cera-settings:before {
  content: "\e9cf";
}

.cera-share-2:before {
  content: "\e9d0";
}

.cera-share:before {
  content: "\e9d1";
}

.cera-shield-off:before {
  content: "\e9d2";
}

.cera-shield:before {
  content: "\e9d3";
}

.cera-shopping-bag:before {
  content: "\e9d4";
}

.cera-shopping-cart:before {
  content: "\e9d5";
}

.cera-shuffle:before {
  content: "\e9d6";
}

.cera-sidebar:before {
  content: "\e9d7";
}

.cera-skip-back:before {
  content: "\e9d8";
}

.cera-skip-forward:before {
  content: "\e9d9";
}

.cera-slack:before {
  content: "\e9da";
}

.cera-slash:before {
  content: "\e9db";
}

.cera-sliders:before {
  content: "\e9dc";
}

.cera-smartphone:before {
  content: "\e9dd";
}

.cera-smile:before {
  content: "\e9de";
}

.cera-speaker:before {
  content: "\e9df";
}

.cera-square:before {
  content: "\e9e0";
}

.cera-star:before {
  content: "\e9e1";
}

.cera-stop-circle:before {
  content: "\e9e2";
}

.cera-sun:before {
  content: "\e9e3";
}

.cera-sunrise:before {
  content: "\e9e4";
}

.cera-sunset:before {
  content: "\e9e5";
}

.cera-tablet:before {
  content: "\e9e6";
}

.cera-tag:before {
  content: "\e9e7";
}

.cera-target:before {
  content: "\e9e8";
}

.cera-terminal:before {
  content: "\e9e9";
}

.cera-thermometer:before {
  content: "\e9ea";
}

.cera-thumbs-down:before {
  content: "\e9eb";
}

.cera-thumbs-up:before {
  content: "\e9ec";
}

.cera-toggle-left:before {
  content: "\e9ed";
}

.cera-toggle-right:before {
  content: "\e9ee";
}

.cera-trash-2:before {
  content: "\e9ef";
}

.cera-trash:before {
  content: "\e9f0";
}

.cera-trello:before {
  content: "\e9f1";
}

.cera-trending-down:before {
  content: "\e9f2";
}

.cera-trending-up:before {
  content: "\e9f3";
}

.cera-triangle:before {
  content: "\e9f4";
}

.cera-truck:before {
  content: "\e9f5";
}

.cera-tv:before {
  content: "\e9f6";
}

.cera-twitter:before {
  content: "\e9f7";
}

.cera-type:before {
  content: "\e9f8";
}

.cera-umbrella:before {
  content: "\e9f9";
}

.cera-underline:before {
  content: "\e9fa";
}

.cera-unlock:before {
  content: "\e9fb";
}

.cera-upload-cloud:before {
  content: "\e9fc";
}

.cera-upload:before {
  content: "\e9fd";
}

.cera-user-check:before {
  content: "\e9fe";
}

.cera-user-minus:before {
  content: "\e9ff";
}

.cera-user-plus:before {
  content: "\ea00";
}

.cera-user-x:before {
  content: "\ea01";
}

.cera-user:before {
  content: "\ea02";
}

.cera-users:before {
  content: "\ea03";
}

.cera-video-off:before {
  content: "\ea04";
}

.cera-video:before {
  content: "\ea05";
}

.cera-voicemail:before {
  content: "\ea06";
}

.cera-volume-1:before {
  content: "\ea07";
}

.cera-volume-2:before {
  content: "\ea08";
}

.cera-volume-x:before {
  content: "\ea09";
}

.cera-volume:before {
  content: "\ea0a";
}

.cera-watch:before {
  content: "\ea0b";
}

.cera-wifi-off:before {
  content: "\ea0c";
}

.cera-wifi:before {
  content: "\ea0d";
}

.cera-wind:before {
  content: "\ea0e";
}

.cera-x-circle:before {
  content: "\ea0f";
}

.cera-x-octagon:before {
  content: "\ea10";
}

.cera-x-square:before {
  content: "\ea11";
}

.cera-x:before {
  content: "\ea12";
}

.cera-youtube:before {
  content: "\ea13";
}

.cera-zap-off:before {
  content: "\ea14";
}

.cera-zap:before {
  content: "\ea15";
}

.cera-zoom-in:before {
  content: "\ea16";
}

.cera-zoom-out:before {
  content: "\ea17";
}

    To add this code snippet to your site, we recommend that you paste it to the Custom CSS panel of your WordPress Customizer. Just go to your dashboard and navigate to “Appearance > Customize > Additional CSS”.
    Pasting your code snippet there might do the trick for you. Could you please keep us updated in case this issue still occurring?

    Be sure this issue is on investigation. Once we found how to solve this, we will fix this in the next update and you’ll be able to erase this snippet.

    Regards,

    November 8, 2021 at 14:07 #36614
    Christian Jenkins
    Participant
    • 17 Topics
    • 44 Posts
    @christianj40

    Hello!

    Thank you for the update! I will be on the look out for the theme update!

    Thanks,
    Christian

    November 9, 2021 at 14:42 #36655
    Christian Jenkins
    Participant
    • 17 Topics
    • 44 Posts
    @christianj40

    Hello!

    Your fix its working for the most part, THANK YOU!

    I did find that some of the other icons are not showing up still. Most of the that aren’t showing up are the var(–grimlock-whatever name).

    Thanks,
    Christian

    grimlock-icons grimlock-Icons
    November 12, 2021 at 15:41 #36739
    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6297 Posts
    @themodactyl

    Hi Christian,

    Thank you very much for your feedback! 🙏🏼

    We’ll take this in consideration for our tests. We’ll be back to you as soon as the update is available.

    Best,

    November 15, 2021 at 09:38 #36762
    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6297 Posts
    @themodactyl

    Hi Christian,

    We have just released a new update of Grimlock and Cera. Updating this plugin and the theme to the latest version should fix this issue.

    After the update, the problem should now be fixed. However, you might still be seeing the issue because your browser cache is showing you an older version of the page (browsers do that to load pages faster). To see that the issue is resolved you will need to empty your browser cache and reload the page. If you want to read more on what browser cache is and how to clear it, here is an article that might help you: How to Clear Internet Cache in Every Major Browser.

    Please note that I have left this topic open. If you encounter this issue again, please come back to us. However, be aware that this topic will be automatically closed within 20 days. If you come back after this time, feel free to create a new topic. 🙂

    Kindest regards,

    November 17, 2021 at 12:44 #36901
  • Author
    Posts
Roboraptor 🦖
Themosaurus Topic Closer

Hi there,

This topic has been inactive for a while now so we will be closing it to keep the forum tidy. Don't hesitate to create a new topic if you still need help and we'll be glad to help you!

Best regards,
The Themosaurus team.

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Icons Missing’ is closed to new replies.

Popular Questions

Directly from the documentation

Complete documentation

Troubleshooting Demo Imports

You're trying to setup your theme but you're experiencing errors when importing the demo content? Or you've just followed the setup guide but your website doesn't look exactly like our demo? These are common issues for which you can find easy and quick fixes.

Find Common Issues and Resolutions

Happy With our Support So Far?

Feel free to review our theme on Themeforest! It helps us making our products more known to new potential customers, which allow us more time to improve the quality and develop new features. #SharingIsCaring ❤️

Leave a Review

Discover MatchPress

Skip • Like • Super-Like

Add powerful matching features like Member likes, skips, super likes, conditional private messaging and much more.

View MatchPress

Setup Your Cera or Gwangi powered Community Website and Turn it into an iOS and Android App

15% discount for Cera users

To unleash the full power of your Cera or Gwangi theme, we have partnered with the Zipline team. Your community website can now be fully setup and turned into your very own custom app for iOS and Android.

Whether you've newly acquired the theme or already got your site up and running, Zipline got you covered. And we got you an incredible discount.

Create a Cera app
Create a Gwangi app

Holiday, Weather & Festive effects
to pimp your WordPress Site

Discover plugin now