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, 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?
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.