Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • July 4, 2021 at 11:18 pm #1308684
    coreyblaser

    Hi all,
    I’ve removed extra styling from the Button Row element using the following CSS to remove the transparency and the weird bottom border..

    .avia_button_background {
opacity: 0 !important;
}
a.avia-button:hover {
opacity: 1 !important;
border: none !important;

    However the buttons in the element shift down one pixel when hovered… I’m not sure how to edit that or if there’s a better way to modify the CSS than what I’ve done. Any help in the css that needs to be added to override it would be appreciated.
    TIA, Corey

    July 5, 2021 at 4:14 am #1308695
    coreyblaser

    Also, I noticed that the custom hover color set in the element’s styling doesn’t show either. Is this due to the new CSS I added above that sets the opacity to 0?

    July 5, 2021 at 1:06 pm #1308774
    Ismael

    Hi,

    Thank you for the inquiry.

    It might be due to the border. Please try to replace the css code with the following.

    .avia_button_background {
    opacity: 0 !important;
}

.avia-button:hover {
    opacity: 1 !important;
    border-color: transparent !important;
}

    Best regards,
    Ismael

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