Tagged: , , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 21, 2017 at 9:36 pm #764375
    JPOsteen

    I need to know 2 things:

    1. How to change the border of a transparent button to a different color than the text on the button.

    2. How to change the background color of the button AND the color of the text when the mouse hovers over the button. (eg. the button has a red border and transparent background with grey text… then changes to a solid red button with white text when mouse hovers)

    Thanks!

    March 22, 2017 at 8:15 am #764637
    Rikard

    Hey JPOsteen,

    Please link to where we can inspect the elements in question.

    Best regards,
    Rikard

    March 22, 2017 at 7:36 pm #765010
    JPOsteen

    I think I found the answer to #1 but I’m still having problems with #2.

    March 23, 2017 at 11:47 am #765337
    Nikko

    Hi,

    Try to go to Enfold > Advanced Styling, there is a dropdown there (beside the blue button with this text Edit Element), choose Buttons then click on Edit Element then adjust the colors. Hope this helps :)

    Best regards,
    Nikko

    March 23, 2017 at 9:18 pm #765746
    JPOsteen

    Nikko,

    Thanks for trying to help, but I have already tried to do that. The problem I have is that there is no tab to change the colors. Please see the screenshot below.

    March 24, 2017 at 3:59 am #765835
    Nikko

    Hi,

    Sorry for my mistake. Setting up the background, border and font color for buttons affects the whole theme, to modify only the button you would need to add few css codes, try adding this code in Quick CSS (located in Enfold > General Styling):

    #times .avia-button:hover {
    background: #aa483d !important;
}

#times .avia-button:hover span {
    color: #fff;
}

    Let us know if this helps :)

    Best regards,
    Nikko

    March 24, 2017 at 2:09 pm #766176
    JPOsteen

    Nikko,

    Worked great! Thanks!

    March 25, 2017 at 5:21 am #766464
    Nikko

    Hi,

    Glad we could help!
    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Nikko

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