Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • August 17, 2018 at 11:31 am #998369
    mynoxin

    Hey Folks,

    I have a problem with my Styling. How can I change the hover Color on my Shop page? at the bottom of every product you can click on a hover button. I’d like to change the color. When I change it in Enfold Theme options in alternate Content, other Boxes are changed as well, that’s not, what I want. I only want to have that small bar in a light green.

    How Can i Change the colour of my price? I have some price offers and I want to change it in size and colour, so that the new price is red and a little bit larger.

    Thanks for your help!

    Kind regards,
    Christian

    August 18, 2018 at 9:45 am #998667
    Mike

    Hey mynoxin,
    To change the background color of the button, Please try this code in the General Styling > Quick CSS field:

    .avia_cart_buttons.single_button:hover {
    background-color: rgba(127, 191, 63, 0.5) !important; 
}
#top .avia_cart_buttons .button:hover > span,#top .main_color .avia_cart_buttons .button:hover {
   color: #fff !important;
}

    To change the sale price:

    ins span.woocommerce-Price-amount {
color: red !important;
font-size: 20px !important;
}
span.price del {
color: gray !important;
}

    Best regards,
    Mike

    August 19, 2018 at 12:03 am #998816
    mynoxin

    wow, thanks! Works fine.
    One more question. The hover on the button is now tuning to green. fine!
    But what is the code, if I’d like it to color the button green before hovering on it?

    .avia_cart_buttons.single_button {
    background-color: rgba(127, 191, 63, 0.5) !important;
    }
    ??

    thanks and kind regards ;)

    August 19, 2018 at 2:00 am #998836
    Mike

    Hi,
    Please try this code instead, it’s light green, turning to a darker green on hover:

    .avia_cart_buttons.single_button:hover {
    background-color: rgba(127, 191, 63, 0.8) !important; 
     opacity: 1 !important; 
}
.avia_cart_buttons.single_button {
    background-color: rgba(127, 191, 63, 0.5) !important; 
    opacity: 1 !important; 
}
#top .avia_cart_buttons .button:hover > span,#top .main_color .avia_cart_buttons .button:hover,#top .avia_cart_buttons .button > span,#top .main_color .avia_cart_buttons .button {
   color: #fff !important;
}

    Best regards,
    Mike

    August 19, 2018 at 12:32 pm #998894
    mynoxin

    works perfect, thanks!

    August 19, 2018 at 2:36 pm #998918
    Mike

    Hi,
    Glad to hear, unless there is anything else we can help with on this issue, shall we close this then?

    Best regards,
    Mike

    August 19, 2018 at 6:04 pm #999004
    mynoxin

    One last question… i‘ve seen, that the code does nit work on mobile. Does it need another code for the mobile version?

    August 19, 2018 at 6:11 pm #999008
    Mike

    Hi,
    This should work on mobile too, I took a look to see, but it doesn’t seem like you have the code installed yet because the desktop version is the same.

    Best regards,
    Mike

    August 19, 2018 at 6:26 pm #999014
    Cliffy

    Enfold needs to really up its game with colour settings. You change the setting for one colour and it changes another!
    Custom code is fine, but it gets so unmanageable – unless you want a really basic two colour website its a nightmare to use.

    August 19, 2018 at 7:04 pm #999023
    mynoxin

    I cleard the cache. works ;)
    can be closed now, thanks!

    August 19, 2018 at 8:34 pm #999070
    Victoria

    Hi Heathcliffe,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 20, 2018 at 2:45 pm #999390
    Cliffy

    Really pleased to see how you pay attention to feedback!

    August 20, 2018 at 3:28 pm #999413
    mynoxin

    Ehhhh, one more question… ahh, sorry.

    The color-Changes effect on all items. except for my watch, maybe it’s another css class?
    Do I need another code for it?
    Thanks!

    Christian

    August 20, 2018 at 7:01 pm #999558
    Jordan Shannon

    Hey mynoxin,

    Try adding this to quick css:

    .main_color .avia_cart_buttons {
    background-color: rgba(127,191,63,0.8) !important;
    opacity: 1 !important;
}

    Best regards,
    Jordan Shannon

    August 21, 2018 at 8:09 am #999696
    mynoxin

    Hey Jordan,

    it does not take effect. hm..

    August 21, 2018 at 6:41 pm #999919
    Jordan Shannon

    Hi,

    Have you tried adding my code to the very top of quick css so that it runs first? Also be sure to clear the cache a few times over.

    Best regards,
    Jordan Shannon

    August 21, 2018 at 7:19 pm #999947
    mynoxin

    Okay, on top it worked. Thanks!!!

    August 21, 2018 at 7:40 pm #999970
    Jordan Shannon

    Hi,

    I’m glad this was able to be resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘Enfold & Woo-Commerce Colors’ is closed to new replies.