[Support request] Buttons not working

[Annebeth]

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?

[David]

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.

[Annebeth]

I think I get what you say, but I changed it and the still don’t work…

[Ying]

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!

[Author]

Posts