Archived topic
GenerateBlocks buttons not showing edits on front end
7 replies · Started by Christine on May 18, 2022
Hi! I have a footer element with some GenerateBlocks icon buttons. In the editor, I've increased the size of the icons, and centered them. However, in the front end, these edits are not showing. The buttons are small and right aligned. What am I doing wrong?
Hi there,
When something works in the backend but not frontend, it's usually a caching issue.
Can you make sure all plugin cache and server cache are cleared first?
The buttons also look good from my end:
https://www.screencast.com/t/lXqVsg9a
Hi, thanks. I know, but something else is going on here. Cache has been cleared and I've had this issue for awhile. Those aren't the buttons I meant. Look down in the footer, right column, it's the social icons under "Newsletter". Do you see what I mean?
Hi Christine,
Can you try choose Inline Embedding for the CSS Print Method in Settings > GenerateBlocks, and clear cache?
I did, don't see any change though.
I just found out that you are using the same buttons block in the top bar as well, the 2 buttons block are using the exact same ID, that's why it got confused, because both blocks are outputs CSS for different alignments, so the CSS is overriding each other.
The solution would be duplicate the buttons block in the footer, please be aware copy and duplicate are different. Using duplicate option will generate a new set of ID for the new block, while copy and paste keeps the same ID.
Just remember every time you want to reuse a GB block, use duplicate, do NOT use copy and paste.
Ah hah! Thank you so much for explaining this to me!
You are welcome :)
It is confusing sometimes.
