Okay
  Public Ticket #3140983
Fixed Width Buttpn
Closed

Comments

  • Laura started the conversation
    October 7, 2022 at 10:17pm

    Hello~ I found some css in another ticket to help get buttons to appear the same width on a page. I'm using:

    .nectar-button.fixed-size {
        width: 500px;
    }


    And including ".nectar-button.fixed-size" in the Button Settings > Extra Class Name field. 

    This doesn't appear to be working. Am I doing something wrong or is there another approach?


    Thanks!

  •  8,839
    Tahir replied
    October 8, 2022 at 2:32am

    Hey Laura,

    You only need to add "fixed-size" to the Extra Class field and without the dot.

    Thanks

    ThemeNectar Support Team 

  •  1
    Mary Cunningham replied
    March 10, 2023 at 5:28am

    Can you please include the fixed width button code? Still not working.

    Thanks!

  •  1,877
    Judith replied
    March 10, 2023 at 6:32am

    Hi Mary,

    Please try this css:

    body.material .nectar-button.large {
        width: 25vw;
    }

    Thanks.

  •  1
    Mary Cunningham replied
    March 10, 2023 at 6:45am

    Thanks! How do I center the type?


  •  1,877
    Judith replied
    March 10, 2023 at 6:55am

    Hi Mary,

    Please try adding this CSS:

    body.material .nectar-button.large {
        width: 23vw;
        left: 10em;
    }

    Thanks.