How to make CTA buttons uniform in size?

  • adityathakur

    (@adityathakur)


    1 year, 5 months ago

    I use the theme’s default buttons for CTA. When I place two buttons together, the one with less text appears smaller, while the one with more text looks longer. It creates an uneven appearance, especially on mobile screens. I want to set one size for all buttons to ensure they look uniform and professional. Please assist me with this matter.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Eze

    (@chieze)

    1 year, 5 months ago

    Hi @adityathakur,

    I understand you want to use the same size for your two buttons added using the Gutenberg Buttons block, regardless of the text length. This can be customised within the block settings.

    To achieve this, please click on each button and set the same size (i.e. 25%) for both. Here is a screencast for your reference:
    https://share.zight.com/JruZEBY1

    Cheers,
    Eze

    Thread Starter adityathakur

    (@adityathakur)

    1 year, 5 months ago

    I’ve already adjusted the button size to 25% as recommended, but I noticed that on mobile, this setting limits the button width to 25% as well, causing the text to wrap into multiple lines. Setting the width to 50% improves readability but results in overly large text.

    Could you advise on achieving consistent button sizing without text wrapping?

    karlalevelup

    (@karlalevelup)

    1 year, 4 months ago

    Hi, @adityathakur

    You should have more flexibility with the width if you use our Kadence Blocks plugin’s Buttons(Adv) block.

    You’ll have the option to set each button’s width in % unit and change that for desktop, tablet, and mobile views – https://share.zight.com/d5ujdp9x

    I hope this helps. Let us know if we can assist you further.

    karlalevelup

    (@karlalevelup)

    1 year, 4 months ago

    Hi there!

    We haven’t heard from you in a while. If you’re all set, kindly mark this topic as resolved.

    Otherwise, let us know if we can assist you further with it.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘How to make CTA buttons uniform in size?’ is closed to new replies.