Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 20, 2015 at 10:13 pm #399909
    svenwalther

    Hello again.

    While the issue was resolved for times when a button with a single line of text needs to be the same size as one with two lines of text, the fix doesn’t work for buttons with two lines of text that need to be the same height as three lines of text.

    I’ve set the custom css class of the button to “three-line” with the following css in the Quick CSS:

    .three-line .avia-button{
    line-height: 70px;
}

    However, that results in this: https://www.dropbox.com/s/7ii19yyvhhf2g5p/buttons-3line-2line.jpg?dl=0

    February 20, 2015 at 10:42 pm #399925
    Elliott

    Hi svenwalther!

    Send us a link to your page and we’ll take a look.

    Best regards,
    Elliott

    February 20, 2015 at 10:46 pm #399926
    svenwalther

    Sorry, Elliot, not able to do that as it’s an intranet behind a firewall. The above code was added as per previous instructions in another request 2 days ago (with basically the same subject title).

    February 20, 2015 at 10:48 pm #399927
    svenwalther

    I added the suggested Quick CSS from the previous thread, which fixed the issue when buttons were just one line and I wanted to match the height of a button with two lines. I tried to add another bit of CSS to match two line buttons to the height of three line, but it didn’t quite work out like I’d hoped.

    February 23, 2015 at 5:16 pm #400794
    Andy

    Hi!

    I am not 100% sure what you mean. Can you please show us a mockup/screenshot of what you want to achieve? You can control the height of the button with this code:

    body div .avia-button {
height: 65px;
}

    Cheers!
    Andy

    February 24, 2015 at 8:51 pm #401686
    svenwalther

    Thanks Andy. That helped. I ended up adding some additional code to center the text vertically.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Same button height with text v-align center – 2 lines of text’ is closed to new replies.