Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • June 30, 2023 at 2:21 pm #1412169
    ballindigital

    Hi,

    Is there a way to style the product pages a bit better?

    Here’s a before and after example that I’d like to model:

    View post on imgur.com

    I understand that it won’t be exact but if we could make certain adjustments for the button colours and styles that would really help.

    Making the ‘Add to basket’ button full width on mobile and desktop and changing the background and font colour.

    https://www.rosevel.ie/product-category/lumifil/

    Also – is there a way to add ‘We accept’ and then the credit card logos here?

    Thank you!

    June 30, 2023 at 3:00 pm #1412175
    ballindigital

    To clarify, I’m not looking for help on the images.

    Just the buttons and credit card logos.

    July 4, 2023 at 12:45 am #1412378
    Nikko

    Hi ballindigital,

    I apologize for the delayed response:
    For the button, you can use this CSS code:

    #top .single-product-summary .single_add_to_cart_button {
    display: block;
    width: 100%;
}

    As for the label on top of credit card logos, I think you can use this hook woocommerce_product_meta_end

    Best regards,
    Nikko

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