[Resolved] Generatepress icons to svgs

[epickenyan]

Hello. I read in wordpress.org that you are converting generatepress icons to svgs?

[David]

Hi there,

it is something that is being worked on. And hope to see it in the next Theme update.

[epickenyan]

That’s good. I was trying to adapt this tutorial for my social icons but it is not working with the theme https://jackiedelia.com/adding-svg-icons-graphics-wordpress-theme/. Would you propose a way to get the social icons (preferably white with a transparent background?).

[David]

Just to be clear the GeneratePress icons are solely those used by the Theme, such as the Hamburger Menu, back to top, shopping cart etc. It doesn’t include social icons.

For social icons ( not sharing ) i use Tom’s lightweight social icons for a lot of builds:

https://en-gb.wordpress.org/plugins/lightweight-social-icons/

This uses a widget to add them to your theme, really simple and really lightweight and has color controls.

[epickenyan]

Very nice plugin. Can I assign the plugins icons to other areas of the website? e.g. on my custom social share buttons?

[David]

The plugin only works as a Widget. So would need to be placed within one of the widget areas.
There is this plugin which creates a shortcode for a widget so it could then be placed within the content as well as a widget area:

https://wordpress.org/plugins/widget-shortcode/

[epickenyan]

What I was referring to is just referencing the icons location inside the theme’s social share buttons. E.g. the facebook icon inside the facebook social share buttons, etc.

[David]

The theme doesn’t include any social share buttons. And swapping out a plugins icons would be tricky. This plugin from one of our community does social icons using pure SVGs and has the option for you to use your own icons.

https://wordpress.org/plugins/gp-social-share-svg/

[epickenyan]

This seems to work. Btw, what is the hook for after post image but before the content? I want to show the icons after the (title and) image but before the entry content.

[David]

the after_entry_header – you can see all of the main hooks here:

https://docs.generatepress.com/article/hooks-visual-guide/

[epickenyan]

The thing is I show my post image after the title, and when using that hook, any content inserted using the hook shows before the image. I see there is no hook for that. So, like looking at this image, I wanted a hook for where the image ends and the content(paragraphs) begin. I don’t know which custom hook I should use. I tried before_entry_content but it did not work.

[David]

Use the after after_entry_header hook and increase the priority to 20.

[epickenyan]

Wow! Thanks, David. That Worked! Now I have replaced all my custom icons with svgs.

[David]

Awesome – glad to be of help.

[epickenyan]

Funny thing is, the icons by the lightweight plugin are disappearing from the sidebar widget area. Not sure why this is happening.

Figured out it was a widget cache problem. Resolved.

[Author]

Posts