Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 9, 2024 at 11:43 pm #1466577
    advone

    Hello everyone,

    We are currently testing Enfold with Woocommerce and have encountered a problem with the buttons.

    We would like the buttons on the website to look uniform (color, font, etc.).
    Unfortunately, I can’t find a solution for this use case in the documentation.
    Is there a kind of global style that can be defined?

    The buttons on the store page look completely different from those on the product page itself. The entire styling here is “wrong” or Enfold Standard as it seems.

    Here it also looks to me that there are two buttons.
    “To product” and ‘Show details’.
    There should only be one standard button here.

    Thank you for your help.

    September 10, 2024 at 10:01 am #1466606
    Rikard

    Hey Martin,

    I’m not sure I fully understand what you are looking to change. Could you share a screenshot highligting your intentions please?

    Best regards,
    Rikard

    September 10, 2024 at 10:09 am #1466610
    advone
    This reply has been marked as private.
    September 11, 2024 at 12:13 pm #1466698
    Ismael

    Hi,

    Thank you for the screenshots.

    You can use this css code to adjust the style of the product buttons in the shop page.

    #top .main_color .avia_cart_buttons .button {
    color: white;
}

#top .main_color .avia_cart_buttons {
    background: rgb(195, 26, 57);
}

    If you’d like to adjust the initial opacity of the buttons, please add the following css code:

    .avia_cart_buttons {
    opacity: 0.8;
}

    You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the modifications.

    Best regards,
    Ismael

    September 11, 2024 at 11:47 pm #1466758
    advone
    This reply has been marked as private.
    September 12, 2024 at 4:44 am #1466777
    Ismael

    Hi,

    Thank you for the update.

    thanks for your answer. but I don’t quite understand the button yet

    The first button allows the users to add the products directly to the cart, while the second button should redirect to the actual product page with all the details and information.

    Best regards,
    Ismael

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