Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 26, 2020 at 2:24 pm #1198036
    brianwelsh

    Hi,

    Is it possible to change the line spacing between text on a button when it wraps to two lines?

    I have a row with a series of icons with buttons underneath. One of the buttons has 4 words which means it wraps to 2 lines. I want to change the line spacing on button text when it wraps to two lines.

    Thanks,
    Brian

    March 27, 2020 at 6:19 am #1198231
    Rikard

    Hey Brian,

    We can give you CSS which applies at a certain pixel width, but not conditional CSS which would apply exactly when the text wraps. In order to give you accurate CSS then we would need to see the actual element.

    Best regards,
    Rikard

    March 30, 2020 at 8:38 am #1199012
    brianwelsh

    Hi Rikard,

    Thanks for the reply!

    The element is the 2nd button in labelled “SHE Policy” on the Home page. It needs to read “Sustainability Policy Statement”.
    When it does it wraps to 2 lines and I need to control the default line spacing as it is quite large.

    Home

    As always thank you for your amazing support!!!

    Kind regards,
    Brian

    March 31, 2020 at 6:58 pm #1199445
    Victoria

    Hi Brian,

    You can add the text that you need and we will adjust the button for you then.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    March 31, 2020 at 8:28 pm #1199526
    brianwelsh

    Hi Victoria,

    I have done it!

    Thank you for your help!

    Brian

    March 31, 2020 at 8:29 pm #1199527
    brianwelsh

    Will I be able to adjust it afterwards if necessary?

    April 2, 2020 at 5:27 am #1199957
    Rikard

    Hi Brian,

    Thanks for that. It’s difficult to make that look good for just the one button unfortunately. I see that you have placed the elements in 1/5 elements, but you only have 4 buttons. Wouldn’t it be better if you placed them in 1/4 elements instead? Then the text would likely fit on one line, and you wouldn’t have to adjust anything using CSS.

    Best regards,
    Rikard

    April 4, 2020 at 10:08 am #1200773
    brianwelsh

    Hi Rikard,

    There were 5 buttons initially and that may be the case in the future but for now I will take your advice and change the elements to 1/4.

    Thank you for the assistance.

    Kind regards,
    Brian

    April 5, 2020 at 7:34 am #1200935
    Rikard

    Hi Brian,

    Thanks for the update, please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

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