[Support request] Can no longer find where to edit my social media icons

[Leanne]

I have some social media icons above my menu, but can no longer find where to edit them.

I see an inactive widget for lightweight social icons, but my icons are still active.

I don’t have anything in the top bar widget and am not seeing the social icons in any other widget.

Site: https://www.headlessgnomes.com/

[Fernando]

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

[Leanne]

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!

[Leo]

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

You can try using the GB method as Fernando suggested above 🙂

[Leanne]

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

[Fernando]

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!

[Leanne]

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?

[Fernando]

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

[Leanne]

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.

[Fernando]

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

Hope this clarifies!

[Leanne]

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.

[Fernando]

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

[Leanne]

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.

[Leanne]

*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)

[Fernando]

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?

[Author]

Posts