Can no longer find where to edit my social media icons

Hi Leanne,

These lightweight social icons seems to be added through your Header Element possibly through a shortcode.

Can you check if you have a Header Element active? You can do this by hovering on Elements in the admin bar as such while view a post: https://share.getcloudapp.com/BluGdlJD

Check if you’re adding the icons from here.

For reference, you can now add Social Icons through GenerateBlocks. Example: https://www.youtube.com/watch?v=q9YyXSBpRR0

Hi Fernando,

Thanks so much! I forgot how I was putting that together >.<
And I think it had to do with the header size/positioning as well, though I will check out the video just in case that will work for me!

As this plugin is a Generate Press plugin, I wanted to ask, is there a way to add a Ko-Fi link?
I'm not seeing it on the options and don't see a way to add a 'other' link.

Thanks!

There is no way to add a custom icon using LSI unfortunately.

You can try using the GB method as Fernando suggested above :)

Thanks, Leo!

Is there a way to put the blocks inside a Element?
I have my site header in an element, and due to positioning and size, it only works as intended in the Element section

You can add this Snippet:

function header_shortcode($atts, $content = null) {
      ob_start();
      do_action('header_element_hook');
      return ob_get_clean();
}
add_shortcode('header-element-shortcode', 'header_shortcode');

add_filter( 'generate_hooks_list', function($hooks){
    array_push($hooks['header']['hooks'],'header_element_hook');
    return $hooks;
}, 99,1 ); 

Adding PHP reference: https://docs.generatepress.com/article/adding-php/#code-snippets

Then, add this shortcode in your Header Element [header-element-shortcode].

Now, you’ll have a header_element_hook available when creating an Element.

Hope this helps!

Thanks for this! Unfortunately it's a little above my understanding as to how to implement and where to add the icons. Would you be able to clarify a little more?

I see. No problem. Here’s a step-by-step:

1. Add the code above through Code Snippets plugin.
2. Add the shortcode in your Header Element as such: https://share.getcloudapp.com/ApuXW6dR
3. Create a Block Element - hook, and hook it to header_element_hook.
4. Add the icons in the Block Element as was done in the example video above.

Hope this clarifies

Thank you! I had to find the right block, but now it is there :)
Only question is, how can I change the opacity?

It's almost the same look as before (+ extra icon) but I can't quite get the color opacity correct despite grabbing the same hex code.

You can control the opacity of a color in the Button Block’s settings as such: https://share.getcloudapp.com/7Ku6llmq

Hope this clarifies!

Thanks, Fernando! I should have perhaps clarified though :) as it's at 100% but is still lighter opacity than the other - at least it's at 100% in that slider. So I'm thinking there must be something else applying edits to it.

The original social icons you had had 0.5 opacity. Try altering your buttons to be 50% transparent through the settings shown above.

Hi Fernando, thanks for checking that - the thing is they're too light (higher percent opacity) then the previous ones already, so changing the opacity would make them even lighter :)

I think there is something else affecting their opacity, but I'm not sure what or where.

*Changing the opacity to 50% would make them lighter (right now they're set to no opacity, but they are still opaque and even lighter than the previous ones)

I’m still seeing only the Lightweight Social Icons from my end. Can you add the GenerateBlocks Social Icons as well so I can see them and compare?