Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #1421933

    I created a webpage with a few buttons (link in private content).

    1) BUTTON #2: I want to style the button icon so it looks like the image on the bottom of webpage. In case you can’t see it…
    – Button Custom CSS Class = learn-more-btn
    – Current Icon = YouTube video icon
    – Change Icon To: Large white circle with a red right arrow inside it

    2) BUTTON ROW (Duel Buttons): Can I define the left and right buttons with different CSS classes? I want to control it with CSS if possible.


    Hey Celeranttechnologycorp,

    Thank you for the inquiry.

    You can add this css code to adjust the style of the button. Make sure to replace the Youtube icon with the Play or Right Arrow icon.

    #top .avia-button-wrap.av-lnizxc6d-66ff2ca80883e92473e33c8c2dbd9656-wrap .avia-button {
        border-radius: 10px !important;
        line-height: 1em !important;
    #top .avia-button-wrap.av-lnizxc6d-66ff2ca80883e92473e33c8c2dbd9656-wrap .avia-button .avia_button_icon {
        font-size: 1.5em;
        left: 1em;
        background: #ffffff;
        border-radius: 200%;
        color: red;
        padding: 5px;
    #top .avia-button-wrap.av-lnizxc6d-66ff2ca80883e92473e33c8c2dbd9656-wrap .avia-button .avia_iconbox_title {
        top: -4px;

    Unfortunately, you cannot add different css class names for the items in a button row element.

    Best regards,

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