Archived topic
Buttons not working
3 replies · Started by Annebeth on March 6, 2023
I am adding buttons (button block generate press) to this article, but not all of them work.
https://www.barcelonatips.nl/wijken/de-wijken/
Can you help out?
Hi there,
you have this CSS on your site:
/* Anchor link fix https://css-tricks.com/hash-tag-links-padding/ */
h2::before,
h3::before {
display: block;
content: " ";
margin-top: -100px;
height: 100px;
visibility: hidden;
pointer-events: none;
}
And the pseudo element it creates is overlapping the button.
In your current layout, those headings below the buttons have no IDs so i assume are not used as anchor links.
Therefore you can change your CSS to:
h2[id]::before, h3[id]::before {
display: block;
content: " ";
margin-top: -100px;
height: 100px;
visibility: hidden;
pointer-events: none;
}
This will then only apply to h2 and h3 headings with an ID.
I think I get what you say, but I changed it and the still don't work...
Can you specify which button or buttons not working?
I'm not seeing a GenerateBlocks button, all the yellow buttons are WP buttons.
Let me know if I miss anything!