Remove the show details button on the product page, shop layout view

This topic has 4 replies, 2 voices, and was last updated 9 months, 1 weeks ago ago by Rose Tyler

  • Avatar: JS7319
    JS7319
    Participant
    June 26, 2024 at 12:40

    Hello

    I am trying to remove the show details button on the shop layout pages. Please see attached.

    How can I achieve this? Is there a setting which enables and disables this?

    Secondly, the buttons themselves here and in some other places around the website look like the CSS might be missing as there is no decoration as I remember them. How can I check?

    Thanks

    Files is visible for topic creator and
    support staff only.
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 26, 2024 at 13:37

    Hello JS7319,

    Thank you for reaching out to us with your queries.

    Please provide URL of the page from your screenshot.

    Best Regards,
    8Theme’s Team

    Avatar: JS7319
    JS7319
    Participant
    June 26, 2024 at 17:20

    Hello

    Please see the link in the private section.

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 26, 2024 at 17:59

    Hello JS7319,

    We appreciate your prompt response.

    Here is what see logined users https://prnt.sc/-w6UaWnefeZ2 and unlogined https://prnt.sc/Kb_4r9wVT7Ng This is because of next settings https://prnt.sc/w42TtIW3FHEg Please edit them in Theme Options > WooCommerce > Shop > Catalog mode.

    About styles for buttons, please add the next code in Theme options > Theme custom CSS > Global:

    .etheme-product-grid-item .button {
        font-size: 17px;
        font-weight: 700;
        text-transform: capitalize;
        color: #FFFFFF;
        background-color: #000000;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color: #000000;
        border-radius: 5px 5px 5px 5px;
        padding: 13px 30px 13px 30px;
        height: 45px;
    }
    .etheme-product-grid-item .button:hover {
        color: #000;
        background-color: #FFFFFF;
    }

    If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

    Best Regards,
    8Theme’s Team

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Helpful Topics

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.