Home › Forums › WoodMart support forum › Single Product Page

Single Product Page

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • September 14, 2021 at 3:31 am #318325

    shweta
    Participant

    Hello,

    1. I want to Show only dimensions here on the product page instead of size, color, and other variations. Screenshot URL: https://prnt.sc/1s19uex
    2. I have used CSS for buttons effects. but when hover on login the side widgets ‘return to shop’ and ‘Create an account button. is not working fine. the button is serving all over the website perfectly.

    Using CSS:

    /*all button style*/
    .btn.btn{
    background-color: #ffffff !important;
    color: #141617;
    border: 2px solid #223544;
    border-radius: 0px;
    padding: 18px 36px;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 1px;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #ffffff;
    -webkit-transition: ease-out 1s;
    -moz-transition: ease-out 1s;
    transition: ease-out 1s;

    }

    /*button style for slider*/
    .rev-btn{
    background-color: rgb(20 22 23 / 0%)!important;
    color: #223544 !important;
    border: 2px solid #223544 !important;
    border-radius: 0px;
    padding: 18px 36px;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 1px;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #ffffff;
    -webkit-transition: ease-out 1s;
    -moz-transition: ease-out 1s;
    transition: ease-out 1s;

    }

    .btn.btn:hover {
    box-shadow: inset 400px 0 0 0 #223544;
    color: #ffffff;
    }

    Attachments:
    You must be logged in to view attached files.
    September 14, 2021 at 7:58 am #318395

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I saw the screenshot you attached.

    1) Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    tr.woocommerce-product-attributes-item.woocommerce-product-attributes-item--attribute_pa_color {
    display: none;
}

tr.woocommerce-product-attributes-item.woocommerce-product-attributes-item--attribute_personalization-required {
    display: none;
}

    2) I have visited your website and the CSS is working.

    Screenshot for Clarification: https://gyazo.com/595a6d4cfe0ab2cfea5420ae64fd0109

    Regards.
    Xtemos Studios.

    September 14, 2021 at 10:15 am #318446

    shweta
    Participant

    Please find the video attached.

    Video URL Link: https://1drv.ms/u/s!AtL0cBHbJvcKgoVjo24wwfJrxPXsAQ?e=v0fGxN

    September 14, 2021 at 11:24 am #318471

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Sorry but the video you provided is not working and I am unable to download as well.

    Please provide me with a working video to check it myself and help you out accordingly.

    Regards.
    Xtemos Studios.

    September 14, 2021 at 2:52 pm #318563

    shweta
    Participant

    Video URL: https://1drv.ms/u/s!AtL0cBHbJvcKgoVjo24wwfJrxPXsAQ?e=ETxfbJ

    September 15, 2021 at 6:21 am #318655

    shweta
    Participant

    Hello,

    Please find the video URL: https://drive.google.com/file/d/1nEsfDEMZldCt0_XhsMqoBTNYQOE1GZYw/view

    Best

    September 15, 2021 at 6:47 am #318661

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I have watched the video you attached. The issue is with your CSS not with our theme.

    Because you have used Custom CSS for the buttons and targeted the default button class.

    You can try using the buttons specific classes ".wd-empty-mini-cart .btn" for the cart button.

    "a.btn.btn-style-link.btn-color-primary.create-account-button" for the create account button.

    Sorry, but we could not provide support with the Custom created Snippets that is beyond our limitations and support policy.

    Best Regards

    September 15, 2021 at 7:05 am #318664

    shweta
    Participant

    Hello,

    Thanks for providing the code.

    I have already said I’m using custom CSS for the button. but this code not working for me.:(

    Please help me out on how to resolve this issue?

    best

    Attachments:
    You must be logged in to view attached files.
    September 15, 2021 at 11:12 am #318751

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please remove all the CSS for the button you added and try to use the following selectors and add all the CSS to this.

    body .btn-style-link.btn-color-primary.create-account-button {
    color:red;
    border-color:yellow;
}
body .btn-style-link.btn-color-primary.create-account-button:hover {
    color:yellow;
    border-color:red
}

    Then check back.

    Regards.
    Xtemos Studios.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)