Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 9, 2023 at 4:56 pm #1421933
    Celeranttechnologycorp

    Hi,
    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.

    October 10, 2023 at 4:40 am #1421956
    Ismael

    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,
    Ismael

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