[Support request] CSS in Simple CSS is working differently after migration

[Lars]

Hi

So I migrated https://ny.nordfro.se (obsolete) to https://nordfro.se

After some major initial database-problems I seemed to have fixed most things. But the CSS is still a bit weird in places. And even though I would like to change it in those places where I see that it’s off, I have a feeling that the root cause of the problem is what should be adressed. Can Elements be part of the problem?

Here is an example of a code in Simple CSS:

.woocommerce ul.products li.product .woocommerce-LoopProduct-link,
  .product .product-category a {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-shadow: 0 0 5px 0 #00000080;
    padding: 20px;
    border-radius: 3px;
    background-color: #ffffff;
    max-width: 250px;
    margin: auto;
  }

This code affected both product loop and category loop in the old website. Now it seems that “.product .product-category a” is no longer functional in the new setup. On this page: https://nordfro.se/produkt-kategori/bladvaxter/ The code was at the earlier stage affecting the product categories and showing them in a similar way as https://nordfro.se/produkt-kategori/baljvaxter/bonor/ where every product has the same height and a box-shadow, as should every category in the first link.

Now, I could approach that problem directly if it weren’t for the feeling that the CSS is corrupt or incorrectly read in a more broad sense. Also at https://nordfro.se/produkt-kategori/baljvaxter/bonor/, where you see the little Swedish flag, the bottom padding seem to be off. It’s the same code, but why did it happen now? I did several migrations with the same code and only now this happened?

I started notice other small things happening elsewhere, here in the admin dashboard with the plugin Smart Slider 3 that you usually recommend and that I use extensively:

There is something which is a bit off with the CSS here as well. In general there seem to be a CSS-issue in a broad sense. Can it be that there is a basic CSS-file which is not being read? You know better than me, I think.

[Lars]

I have made temporary changes on the website to make it look better for the time being. The admin dashboard is still skewed and off in its CSS.

[Fernando]

Hi Lars,

Can you copy and paste the entire Simple CSS code you have for a specific page which has the issue here?: http://csslint.net/

This website checks if there are syntax errors in the code.

Let’s check this first.

[Author]

Posts