Button text “out of box” when using Twenty Twenty

  • Resolved Rafael

    (@jordh)


    4 years, 1 month ago

    Hi,

    I am currently re-themeing a homepage with a new child theme based on Twenty Twenty.

    However, when using Twenty Twenty or a child theme based on it, the Shariff share buttons show no text.

    A quick glance into the inspector console reveals that the button text is there, but it is being pushed into a second row and thus out of the button.

    I just can’t figure out what causes the misalignment of the button text when using Twenty Twenty. Even when I deactivate any styling provided a non-Shariff css, the text stays “out of bounds”.

    The button text is aligned just fine when using any other default theme (tested with Twenty Fifteen and Twenty Twenty-One).

    Any help with this issue is appreciated. 🙂

    Regards, Rafael

Viewing 1 replies (of 1 total)
  • Thread Starter Rafael

    (@jordh)

    4 years ago

    I was able to fix the issue by adding some custom css that overrides a default Twenty Twenty style:

    .shariff .shariff-icon svg {
	display: initial;
}

    Twenty-Twenty adds a display:block attribute to all svg elemnts by default; resetting the display attribute for shariff icons fixes the missing text.

Viewing 1 replies (of 1 total)
  • The topic ‘Button text “out of box” when using Twenty Twenty’ is closed to new replies.