Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 25, 2021 at 5:28 am #1283574
    navindesigns

    On my page at the top in the header section, I have 2 buttons

    Digital Printing Services | Long Island

    1- How do I make the buttons inline (side by side) AND centered? I added a custom class: avia-button-cta a.avia-button : but that only centered them,

    2- How do I link the call now button one to a phone number. Ex 631.731.1869

    February 26, 2021 at 2:42 pm #1283853
    Yigit

    Hey Navin,

    1- Please use Button Row element instead and choose to align them in center under Styling tab – https://imgur.com/a/rwMpdsP

    2- Please insert the phone link as following – https://imgur.com/a/4fu1LUK

    
tel:0412121212

    Best regards,
    Yigit

    March 1, 2021 at 2:16 am #1284304
    navindesigns

    Thank you. That works but I have one issue

    On mobile ONLY the text is not vertically aligned. See screenshot – https://ibb.co/JxBkrvN

    March 1, 2021 at 1:08 pm #1284409
    Yigit

    Hi,

    That is because you have following custom CSS code

    .avia-button-cta a.avia-button {
display: inline !important;
padding: 14px 30px;
font-size: 16px !important;
font-weight: bold;
}

    Please edit it and remove “display: inline !important;” line

    Best regards,
    Yigit

    March 1, 2021 at 3:19 pm #1284439
    navindesigns

    Perfect

    thanks

    all good now. thanks as always

    March 1, 2021 at 3:22 pm #1284440
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Make buttons inline AND centered’ is closed to new replies.