Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 19, 2019 at 3:17 pm #1149497
    DaWeb

    Hi,
    I would like to change the color and size for woocommerce button, as shown on picture bellow.

    I would like to have this buttons a little more marketing frendly: maybe dark orange or black and a little more larger font.

    Kind regards,
    Daniel

    October 20, 2019 at 6:29 am #1149570
    Rikard

    Hey Daniel,

    Thanks for the screenshot, could you post a link to where we can see the actual elements as well please?

    Best regards,
    Rikard

    October 21, 2019 at 9:08 am #1149741
    DaWeb

    Hey Rikard,
    thank you for the reply.

    You can see the item on a link: https://umetne-jelke.si/izdelek-kategorija/umetne-jelke/

    Kind regards,
    Daniel

    October 21, 2019 at 10:34 am #1149782
    Victoria

    Hi Daniel,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top .avia_cart_buttons .button {
    font-size: 15px;
    color: #746a6a;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 21, 2019 at 11:50 am #1149822
    DaWeb

    Hi Victoria,

    thank you for the support.

    After I paste the code in CSS, after a mouse is on the text, I get larger fonts, but if the mouse is not on the text (add to basket, show more button), the size and the color is the same as before. The problem is that the colour is light gray, to bright to see the buttons.

    Any other sollution?

    Kind regards,
    Daniel

    October 21, 2019 at 2:49 pm #1149883
    Victoria

    Hi dadisk8,

    The buttons are faded out by design, when you hover you see the new color in cation. Is this not how you want it? You want them to be not faded all the time?

    Best regards,
    Victoria

    October 22, 2019 at 10:28 am #1150103
    DaWeb

    Hi Victoria,

    the problem is that the colour is to bright in faded out option. If a customer visit our website, maybe some of them do not see the buttons “add to basket”, so we would like to have this buttons better visible before the mouse is over the button.

    Kind regards,
    Daniel

    October 25, 2019 at 12:50 pm #1151186
    Ismael

    Hi,

    Thank you for the clarification.

    You can use this css code to adjust the opacity of the add to cart button container.

    .avia_cart_buttons {
     opacity: 1;
}

    If you want to adjust its colors, add this:

    
.responsive .main_color .avia_cart_buttons {
	background-color: #000000;
}

.responsive .main_color .avia_cart_buttons a {
	color: #ffffff;
}

    And don’t forget to toggle the Performance > File Compression settings after adding the code.

    Best regards,
    Ismael

    October 30, 2019 at 1:19 pm #1152295
    DaWeb

    Hi Ismael,

    thank you very much. The first code is working great for us.

    Best regards,
    Daniel

    October 30, 2019 at 6:16 pm #1152444
    Victoria

    Hi Daniel,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

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