CSS changes after update

  • Resolved hidonajoh

    (@hidonajoh)


    7 years, 2 months ago

    Hello guys,
    I’m pretty new to WordPress and Woocommerce, but a friend of mine asked me for a help with his website. He had some problems so I have decided to update WordPress version from 3.7.23 to 4.9.2 and Woocommerce from version 2.0.18 to 3.2.6. Problem is that CSS of theme got messed (fonts, colours and placement of text). I was trying to find a source of this problem and I think that I have found it.

    Some span classes in previous version looked like this:
    <span class="amount">315.00&nbsp;z?</span>

    In current updated version it became:

    <span class="woocommerce-Price-amount amount">315.00&nbsp;
<span class="woocommerce-Price-currencySymbol">z?</span></span>

    Also some divs just disappeared.

    I have read about woocommerce default css that can overwrite custom theme css, however a try of turning off it in functions.php file it doesn’t helped.

    • This topic was modified 7 years, 2 months ago by hidonajoh.
Viewing 6 replies - 1 through 6 (of 6 total)

  • @hidonajoh

    That is a huge jump for both (more so for WooCommerce). Basically you will have to go through restyle a lot of it as a lot of it has been refactored since then.

    Thread Starter hidonajoh

    (@hidonajoh)

    @mtruitt
    I imagine, but is there a way to just keep the same CSS settings?

    @hidonajoh

    There is no easy way to do this. A lot of the containers, classes, and ids could and most likely did change. You could go through and look to roughly what the only one describes and replace the old classes etc with the new.

    Thread Starter hidonajoh

    (@hidonajoh)

    @mtruitt
    I see, will give it a try then I guess. Thank you for your support.

    @hidonajoh

    The only other possible thing I can think of is if it was a paid theme to see if there is a more up to date version of it. However, if it was modified beyond default stylings it would still have to be updated.

    Plugin Support Hannah S.L.

    (@fernashes)

    Automattic Happiness Engineer

    Woocommerce from version 2.0.18 to 3.2.6.

    Given the difference in version, you’re very nearly talking about dinosaurs instead of mammals. ?? Trying to upgrade is going to be quite a headache – you might want to just start over with a more modern theme. I can recommend our Storefront theme as a good starting place.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘CSS changes after update’ is closed to new replies.