Change (blog) pencil icon

Hello support team,

I have a question about the Rocked Pro Theme

website: http://vbn-outlet.nl/

How can I change the (blog) pencil icon to another icon?

Thanks,

Tjeerd Engel

Hello there,

I don’t see any pencil icon in your site. Did you share the correct site address?

Regards,
Kharis

I hide it (for now :-)) But I shell change it.

Hello there,

Use this CSS code to alter the default pencil Font Awesome icon.


/* Change pencil icon */ 
.post-format .fa:before {
  content: '\f015';
}

Replace f015 icon ID with any icon of your choice. You get the complete list of icon codes in this cheatsheet.

To apply extra custom CSS code to your site, add it to Appearance > Customize > Additional CSS from your site dashboard.

Regards,
Kharis

Thanks Khardis

You’re welcome!

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

Tjeerd Engel, how did you hide the icon? I would like to hide it, as well. Thank you!

Hello @J2Hgroup,

You can hide it with this CSS code:


.hentry .post-format {
  display: none;
}

To apply it to your site, add it to Appearance > Customize > Additional CSS from your site dashboard.

Regards,
Kharis

Hi! Thank you so much for getting back to me! I added the code to my site, however the icon is still being displayed. Any chance you would have a minute to look at it for me? The site is at http://suminnovation.com/blog.

My Best,
Jessica

Hello Jessica,

I didn’t see the pencil icon in there. Please try to clear all caches if applied and try again.

Regards,
Kharis