Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 8, 2020 at 8:15 pm #1202005
    Oref

    Hello,

    I hope all is well during this COVID-19 outbreak.

    I have a question, this provided website in private content is using Enfold and my question is:

    they have been using some sort of effects for their white transparent buttons… Can anyone kindly assist me, which option Enfold or what CSS can do the job?
    There are two effects, for light and dark transparent buttons.

    Thank you very much.

    April 9, 2020 at 5:50 am #1202121
    Jordan Shannon

    Hey Oref,

    Are you referring to one of the demos?

    Best regards,
    Jordan Shannon

    April 10, 2020 at 12:00 am #1202534
    Oref

    Dear Jordan,

    Thank you for your reply.

    No, the website mentioned on the private data… I will write it again.

    And please find the screenshot.

    When your hover goes over the button, the color of LIGHT TRANSPARENT gets to another color.

    April 11, 2020 at 12:04 am #1202787
    Jordan Shannon

    Hi,

    I see. This was likely custom css:

    .avia-button {
    font-size: .8rem;
    letter-spacing: .07rem;
    text-transform: uppercase;
    background: transparent;
    transition: all 0.3s ease 0s;
    background-color: transparent;
    transition: all 0.3s ease 0s;
    border: 2px solid white!important;
    color: white!important;
    padding: 20px 30px!important;
}

.avia-button:hover {
    background: white!important;
    color: #131e2b!important;
    opacity: 0.9;
}

    Best regards,
    Jordan Shannon

    April 14, 2020 at 12:40 pm #1203543
    Oref

    Hi Jordan,

    Thank you for your reply.

    It is nice BUT
    it made the DARK TRANSPARENT button to white too!
    How can I make it separate?

    For Light Transparent
    and Dark Transparent buttons.

    Thank you.

    April 14, 2020 at 8:42 pm #1203748
    Jordan Shannon

    Hi,

    On the link you provided, the buttons are all transparent. In order to make a button darker you can add a separate class to the element and then give it custom css.

    Best regards,
    Jordan Shannon

    April 14, 2020 at 9:37 pm #1203773
    Oref

    Got it, Thank you.
    I will update you with the result, boss.

    April 14, 2020 at 9:42 pm #1203776
    Jordan Shannon

    Hi,

    No problem at all!

    Best regards,
    Jordan Shannon

    April 16, 2020 at 1:17 am #1204214
    Oref

    Jordan, I made it.

    Please check the site in private content.

    Thank you for your help.

    April 16, 2020 at 3:44 am #1204218
    Jordan Shannon

    Hi,

    Looks great! Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

    April 23, 2020 at 10:42 pm #1206700
    Oref
    This reply has been marked as private.
    April 24, 2020 at 6:31 pm #1206906
    Victoria

    Hi Oref,

    Great :)

    We are closing the thread.

    If you need further assistance please let us know in a new one.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Effects for light and dark transparent buttons.’ is closed to new replies.