Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • August 16, 2017 at 1:28 am #839660
    mcraig77

    How do I change the regular and rollover dark transparent button color for all buttons that are set to dark transparent? Right now it is black – I would like the lines red and change to a dark red with a red fill on rollover for all instances of this button.

    August 16, 2017 at 9:27 am #839786
    Rikard

    Hey mcraig77,

    Please try the following in Quick CSS under Enfold->General Styling:

    .avia-button.avia-color-dark:hover {
  background-color:#C83640 !important;
  color:white !important;
}

    Best regards,
    Rikard

    August 16, 2017 at 5:42 pm #840008
    mcraig77

    Not quite… I need to change the boarder color. I also need to make the hover have a red fill unlike the normal state which will have no fill. The button also seems to be transparent which I dont want. I tried adding this but it didnt work. 

    .avia-button.avia-color-dark:hover {
  border: 2px solid ##D5202D!important;
   background-color:#c21f2a!important;
   color:white;
}
    August 16, 2017 at 6:37 pm #840043
    Sarah

    Hi!

    Just to clarify, can you confirm that this is what you need:
    – in regular state, the button has red border, transparent background, and black text
    – in hover state, the button has red border, red background, and white text

    If that is what you need, please try this:

    #top #wrap_all .avia-button.avia-color-dark {
   border: 2px solid #D5202D!important;
}
 #top #wrap_all .avia-button.avia-color-dark:hover {
   background-color:#c21f2a!important;
   color:white;
}

    Best regards,
    Sarah

    August 16, 2017 at 8:17 pm #840067
    mcraig77

    Ahoy,

    Looks good. One things though – the buttons are semi transparent still… How do I fix that?

    August 16, 2017 at 10:25 pm #840095
    Nikko

    Hi,

    You just need to add background-color to this code given to you:

    #top #wrap_all .avia-button.avia-color-dark {

}

    And that should do it.

    Best regards,
    Nikko

    August 16, 2017 at 10:28 pm #840096
    mcraig77

    Hmm… I just added that to the quick css and look the same. Do you mean I need to replace something in the previous code?

    August 17, 2017 at 6:53 am #840258
    Nikko

    Hi,

    No need to replace anything, just need to add background-color with the color you want to use. It might be cached that’s why it’s not changing, if it doesn’t change, please give us temporary admin access, so we can try to check it.

    Best regards,
    Nikko

    August 17, 2017 at 6:55 pm #840578
    mcraig77

    Hmm.. yeah the button is still transparent. Below are credentials.

    Please Advise

    August 19, 2017 at 5:53 pm #841333
    Nikko

    Hi,

    This is done. I have replaced this css code:

     #top #wrap_all .avia-button.avia-color-dark:hover {
   background-color:#D5202D!important;
   color:white;
}

    with this one:

     #top #wrap_all .avia-button.avia-color-dark:hover {
   background-color:#D5202D!important;
   color:white;
   opacity: 1 !important;
}

    Let us know if you need more assistance :)

    Best regards,
    Nikko

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