Home › Forums › WoodMart support forum › CSS not working

CSS not working

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 28, 2022 at 10:58 am #356402

    Vasek_jokl
    Participant

    Hello, i just found out some customization not working – CSS Not working. I tried to add some style with css i found at forum – tried to put it everywhere – theme settings css, tepmlate css etc. but nothing works… any ideas?
    I tried to turn off every plugin, but that didnt help at all.

    .product-image-summary .woodmart-product-countdown:before { content: “Sale Ends In:”; font-size: 16px; font-weight: 600; color: #333; display: block; margin-bottom: 10px; }

    .product-grid-item .woodmart-product-countdown span { color:green!important; background-color:yellow!important; } /product page/ .product-image-summary .woodmart-product-countdown span { color:orange!important; background-color:green!important; }

    Attachments:
    You must be logged in to view attached files.
    February 28, 2022 at 12:36 pm #356425

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    It seems that there are SYNTAX errors in the CSS you added. Please make sure that there are no Errors in the Custom CSS you added then check back.

    Best Regards

    February 28, 2022 at 12:51 pm #356427

    Vasek_jokl
    Participant

    I tried to delete every other CSS, but still not working.

    February 28, 2022 at 1:13 pm #356435

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Could you please elaborate what you are trying to achieve with the CSS you are trying to add to check it myself and help you out accordingly.

    Best Regards

    February 28, 2022 at 1:20 pm #356439

    Vasek_jokl
    Participant

    Im trying to add custom text before countdown – Sales end in:
    I found code here at forum and for others works perfectly. Code is here:

    .product-image-summary .woodmart-product-countdown:before {
    content: “Sale Ends In:”;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    display: block;
    margin-bottom: 10px;
    }

    Also im trying to change background color of countdown, but nothing works for me. Coundown stays still white 🙁

    Attachments:
    You must be logged in to view attached files.
    March 1, 2022 at 6:27 am #356554

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please try and replace the previous CSS with the following. Then check back.

    .single-product .wd-product-countdown.wd-timer::before {
    content: "Sale Ends In:";
    display: block;
    color: red;
    font-size: 20px;
    margin-bottom: 10px;
}

.single-product .wd-product-countdown span {
    background: red;
    color: white;
}

    Best Regards

    March 2, 2022 at 3:38 pm #356926

    Vasek_jokl
    Participant

    Hello,
    finally it works. Thank you very much for your time and your help.
    I appreciate your help

    March 3, 2022 at 6:46 am #357069

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    We are Glad that you loved our Theme and Support Staff. We wish you all the best.

    If you do not mind, can you please leave a 5 stars rating for our Theme & Customer and Technical Support by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in future. It would encourage our work a lot. If you like our Theme and Support.

    Thanks for contacting us.
    Have a great day :-)

    Topic Closed.
    Best Regards.

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

The topic ‘CSS not working’ is closed to new replies.