• greentreefrog

    (@greentreefrog)


    I put Social Sharing buttons in the footer template of my Gutenberg theme (“Jace”) and they worked fine until I realized they were supposed to have colors behind the icons. I had half a dozen pages using that footer template and then added a group of Content Toggle blocks to one page. Suddenly the Social Sharing icons in the footer had the colors behind them like in your documentation, for that one page only.

    After deactivating all other plugins in my test environment, I concluded that the only thing that gave them colored backgrounds was having another Ultimate Blocks block – either Social Sharing buttons or something else – somewhere in the content above. Apparently, something is not loading soon enough or at all when I only have the Social Sharing blocks in the footer, but once I add a block to the content above, whatever needs loading gets loaded and then the footer icons get their colors. Functionally, the icons work whether they have the background colors or not. If they had stayed white my client and I could have been blissfully ignorant. But the inconsistency won’t work and now that he knows, my client wants color.

    Can you fix this, and/or is there a filter or action hook I can add to get what we need loaded on time?

    Thanks,

    Margaret

Viewing 1 replies (of 1 total)
  • Plugin Contributor Alexis Pandaan

    (@alexius08)

    Hi @greentreefrog! Thanks for letting us know. We’re able to recreate the problem on our end after switching to the Jace theme. The functions we use for loading the blocks’ CSS files require that at least one block is present on the page itself. Blocks in the footer often go undetected, causing the icons to be displayed without any background color in your case.

    While we look for a workaround, you can add the following to your custom CSS as a start:

    .wp-block-ub-social-share .social-share-icon{
    	background-color: #000088;
    }

    Please let us know how it goes.

Viewing 1 replies (of 1 total)
  • The topic ‘Social Sharing in footer has icons with no colors’ is closed to new replies.