[Support request] Default Button appearance

Home Forums Support [Support request] Default Button appearance

Home Forums Support Default Button appearance

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2328892
    Josh

    I’ve seen a few posts about the default button appearance but they are old(er) and there are references to things being updated. My question is how can I set default button appearances?

    I changed the colors in customizer/colors/buttons. (red with orange hover)

    In a page when I add button in gutenberg core the button in the editor looks exactly right (red with orange hover and square). However on the frontend it has a border radius of 50%?

    If I use generateblocks button option the button is blue with black hover but is square and stays consistent by showing that on the front end, but it doesn’t change colors based on my customizer.

    #2328899
    Fernando
    Customer Support

    Hi Josh,

    The Customizer Button settings only work for WordPress buttons, not GenerateBlocks buttons.

    Can you share the link to your site here as well? I’ll check where the border-radius is coming from.

    Alternatively, for GenerateBlocks, if you have GB Pro, you can use Global styles to set the style for your buttons. Reference: https://docs.generateblocks.com/article/global-styles/

    #2328958
    Josh

    It looks like it’s coming from here:

    /wp-includes/css/dist/block-library/style.min.css?ver=5.9.3

    .wp-block-button__link {
      color: #fff;
      background-color: #32373c;
      border-radius: 9999px;
      box-shadow: none;
      cursor: pointer;
      display: inline-block;
      font-size: 1.125em;
      padding: calc(.667em + 2px) calc(1.333em + 2px);
      text-align: center;
      text-decoration: none;
      word-break: break-word;
      box-sizing: border-box;
    }

    links in private area

    #2328964
    Fernando
    Customer Support

    You’re right. It’s coming from the Block settings of this WordPress Block. See: https://share.getcloudapp.com/YEuWKqQp

    You can alter the Border Radius there.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.