How to set button size via HTML?

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

  • Hi @vms02,

    What is the address of the site you are working on? I recommend setting button sizes with CSS rather than HTML — any styles you add will be applied across the whole site. This CSS should target all buttons:

    button, input[type="button"], input[type="reset"], input[type="submit"] {
	height: 5em;
}

    Only adding a height means different amounts of text can be displayed without being cut off.

    Thread Starter vms02

    (@vms02)

    Thanks @gemmaevans

    https://ibb.co/pJ3xcWh

    Please take a look at the pic.
    currently, button width depends on the amount of text.
    (the 1st & 2nd buttons were placed in a column, and many “space” were used for the 3rd button)
    I want to fix the button width, regardless the amount of text, it would be great if it fits the width of the column automatically.

    I use Shoreditch’s built-in button.

    is it doable?
    Thanks

    • This reply was modified 6 years, 1 month ago by vms02.
    • This reply was modified 6 years, 1 month ago by vms02.
    • This reply was modified 6 years, 1 month ago by vms02.
    Thread Starter vms02

    (@vms02)

    Also, how to display all button texts in a single line?

    I found that it’s not related to the text amount, instead, it’s related to “space bar”. adding “space” will send text after it to the next line, it is very annoying.

    https://ibb.co/jDGDc1x

    Fotis

    (@fstat)

    Hi there,

    We would need to see the code you’re using. Could you post a link to your site?

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to set button size via HTML?’ is closed to new replies.