Service icons won´t show


#1

Hey,

I´m setting up a new website with the Rocked theme and ran into a problem.
My service icons are not showing at all. The link is http://www.fruehling-pt.de/angebot/

Could anyone help me with this?

Thanks and Best

Steph


#2

Hello Steph,

It looks like class name isn’t properly used. Use fa-heartbeat class name instead of f21e.

48

Regards,
Kharis


#3

Thanks Kharis!
Actually, that worked only partly… Some icons show now, but most still don´t. I get a notification in the front-end display section which says
“Your theme’s template file for displaying Service items is missing custom fields.”

Any way to fix that?


#4

Hello there,

52

We know that error and it isn’t something to resolve. We can avoid that because Rocked has special purpose with custom fields, in which only display the service icon and enable service link. We don’t really need a template for that.

In short, Rocked’s services section doesn’t need additional template.

Regards,
Kharis


#5

Hi,
thanks again for your fast reply! I really appreciate the support here.
I´m sorry, but I still don´t quite understand how to solve my issue. Some service icons show, others don´t. I used the class name style fa-example for all of them. I also ran into a similar problem now: Some of my projects won´t show either.
I´d be really happy if you could help me with this. Link is still http://www.fruehling-pt.de/angebot/
And on the bottom of this page there are projects, but not all of them are showing http://www.fruehling-pt.de

Thanks in advance

best

Steph


Service Icon not showing
#6

Hello Steph,

I checked your Font Awesome classes aren’t available in the version of Font Awesome script bundled in the Rocked theme. fa-burn and some other class names belong to the higher version. To load the latest version of Font Awesome, you’ll need to add the below PHP code with a child theme.

/**
 * Unload default Fontawesome
 */
function rocked_child_remove_default_fontawesome() {

   wp_dequeue_style( 'rocked-fontawesome' );

}
add_action( 'wp_enqueue_scripts', 'rocked_child_remove_default_fontawesome', 999 );

/**
 * Load new Fontawesome over CDN
 */
function rocked_child_add_fontawesome_free_cdn() {
  ?>
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
  <?php
}
add_action('wp_head', 'rocked_child_add_fontawesome_free_cdn'); 

If you don’t run a child theme, you can use a plugin that allows PHP functions addition like Code Snippets.

Regards,
Kharis


Wp Icons not showing
Blockquote isn´t showing properly
#7

Hi Kharis,

thanks, that totally did the trick!
Really appreciate your help.

Best

Steph


#8

You’re welcome Steph!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis