Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 12, 2024 at 2:57 pm #1429905
    xeovision

    Hi
    is it possible to create avia button as circle? -> “Ich möchte verkaufen”

    111
    https://ibb.co/6bd5vN4

    I found this css but the button text won’t break inside the circle, display only in one line.

    /* Round buttons */
    #top #wrap_all .my-custom-button,
    #top #wrap_all .my-custom-button a.avia-button {
    padding: 0;
    min-width: 100px;
    border-radius: 100px;
    line-height: 100px;
    }

    • This topic was modified 7 months, 4 weeks ago by xeovision.
    • This topic was modified 7 months, 4 weeks ago by xeovision.
    • This topic was modified 7 months, 4 weeks ago by xeovision.
    • This topic was modified 7 months, 4 weeks ago by xeovision.
    January 12, 2024 at 5:11 pm #1429926
    Mike

    Hey Sebastian,
    I tested with a medium sized button and this css:

    .my-custom-button,
.my-custom-button a.avia-button {
padding: 0;
width: 100px;
height: 100px;
border-radius: 100px;
line-height: 108px;
}

.my-custom-button .avia_iconbox_title {
width: 72px;
display: inline-block;
line-height: 16px;
}

    This was the result:
    Enfold_Support_4400.jpeg
    Please give this a try.

    Best regards,
    Mike

    January 12, 2024 at 5:23 pm #1429929
    xeovision

    cool .. works fine … need to know that the rounded corners in the button settings have to be set as well on 100.

    Thx for help, we can close this here

    January 12, 2024 at 5:34 pm #1429931
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘avia button as circle’ is closed to new replies.