Comment Button Design broken only on a single post

  • pawanranta

    (@pawanranta)


    8 months, 3 weeks ago

    Hi,

    Comment submission button of this blog post is broken.

    While in inspect mode of the browser, I checked that height property of .wp-block-button__link class if the culprit behind it.

    .wp-block-button__link {
    align-content:center;
    box-sizing:border-box;
    cursor:pointer;
    display:inline-block;
    height:100%;
    text-align:center;
    word-break:break-word
    }

    I tried changing the templates but it does not fix it.

    The problem is with this specific page only.
    How to fix it?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • r1k0

    (@r1k0)

    8 months, 3 weeks ago

    Hey @pawanranta,

    I tried to replicate the issue on a test site, but I was unable to reproduce the issue. I find it really weird that it only happens in one post. You could try to simply fix it with Additional CSS:

    .wp-block-button__link {
    height: auto !important;
    }

    Head over to Appearance > Editor, click the preview of the page to edit. Click the styles button (half moon icon). Click the three dots button on the styles tab, then click the Additional CSS option. Enter the code above into the input box and save the changes.

Viewing 1 replies (of 1 total)

The topic ‘Comment Button Design broken only on a single post’ is closed to new replies.