CSS for line style works only directly in browser

Home Forums Jevelin Theme CSS for line style works only directly in browser

Home Forums Jevelin Theme CSS for line style works only directly in browser

This topic contains 3 replies, has 2 voices, and was last updated by  Shufflehound Support 1 month ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    RESOLVED Posts
  • I am referring to this page https://cbdfactum.com/product/cbd-factum-patches/ and to the lines as in the attached screenshot.

     

    When I apply this CSS directly in the browser inspector

     

    .woocommerce .woocommerce-tabs li, table, table td, table th {
    border-style: dotted !important;
    }
    

     

    then the style of the line changes  to dotted – as you can see in the 2nd screenshot.

     

    Adding it to my style.css does NOT work. I purge the cached, reloaded the page with CTRL+F51 – no change. Usually any change in this CSS file is immediately visible.

     

    What am I doing wrong?

    Attachments:
    You must be logged in to view attached files.

    Solution for this topic

    Hi @CBDFactum,

     

    I hope you are well today and thank you for your question.

     

    It seems the CSS specificity issue so please try using the below CSS code.

     

    .woocommerce #page-container .woocommerce-tabs li {
    border-style: dotted !important;
    }

     

    Best regards,
    Shufflehound team

    Thank you very much, it works! I appreciate your fast support.

     

    You can close this case.

    You are most welcome here 🙂

Viewing 4 posts - 1 through 4 (of 4 total)