Weird CSS issue

  • Resolved Weavers

    (@weavers)


    11 years, 1 month ago

    Hi All,
    I’m trying to figure out what/why this is keeps happening cause I really don’t understand it. I have a css ribbon that i’m trying to change. Every time I change the attributes, it works initially (even with a refresh in the browser) but then it reverts back to the original codes. I’ve tried editing it in Dreamweaver and directly on Transmit but nothing happens.

    I’m fairly new to WP, so when I debug it, it shows the css as //path/asset/css.file?ver4.1.1:#line. I think it’s minifying it?

    Anyone has an idea what’s going on? My other changes work.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Sean Davis

    (@sdavis2702)

    11 years, 1 month ago

    It’s hard to say what the issue is. It sounds like caching to me at the moment. Are you using any caching plugins or CDN service? Does your host cache your website for you? If the answer to any of that is yes, clear all of your caches and disable them while making CSS changes.

    Thread Starter Weavers

    (@weavers)

    11 years, 1 month ago

    Hi Sdavis,
    I’ve tried testing on a different browser that clears cache and it still occurs. As a test, I deleted the custom-skin.css file and refreshed the page to see what happens and the file was re-generated. I knew something was off when my codes kept getting over-written.

    Do you have any idea what can do this?

    Thanks for any feedback/suggestions

    WPyogi

    (@wpyogi)

    11 years, 1 month ago

    What is the site URL?

    Thread Starter Weavers

    (@weavers)

    11 years, 1 month ago

    Hey WPyogi,
    The url is http://www.modernweave.com/_v2/shop/modern-signature/bellezza-variable-2/

    The specific class i’m looking at is .laborator-woocommerce .product-single .product-left-info .ribbon:after {border-left-color:##2e1b00} (The 3D ribbon part by the ‘Featured’ text). I’ve tried so many times changing it to border-top-color but it keeps coming back as border-left…so frustrating.

    Any thoughts?

    WPyogi

    (@wpyogi)

    11 years, 1 month ago

    You have a caching plugin – are you clearing it?

    WPyogi

    (@wpyogi)

    11 years, 1 month ago

    And you should also be making any CSS changes by ADDING them to your child theme style.css file – if you change other files, your changes will be erased when the theme or plugin is updated…try adding this to your child theme style.css file:

    .laborator-woocommerce .product-single .product-left-info .ribbon::after {
    border-left-color: #2e1b00;
}

    And change the color there. Clear SuperCache.

    Thread Starter Weavers

    (@weavers)

    11 years ago

    Hey WPyogi,
    It turns out writing to the child css worked! thank you so much for your help!

    WPyogi

    (@wpyogi)

    11 years ago

    Cool, you’re welcome :)!

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Weird CSS issue’ is closed to new replies.

  • 8 replies
  • 3 participants
  • Last reply from: WPyogi
  • Last activity: 11 years ago
  • Status: resolved