Build Your Own Business Website header image

How to Upgrade to Thesis Theme 2.4

We demonstrate how to upgrade to Thesis 2.4 on our site, BYOBWebsite. There have been internal improvements that may cause problems on your site which we address as we go through the upgrade process.

There are three things in particular that can affect your site. One has to do with your CSS and another has to do with Thesis no longer supporting an obsolete hook system. The third is fixing scripts and html. We have a second video that you can watch for how to fix the scripts.

We also talk about choosing to wait to upgrade until your Theme has been brought up to Thesis 2.4 compliance.

We demonstrate the following steps in this video.

  • Make a backup in the Data Manager
  • Upgrade Thesis
  • Upgrade Skins and Boxes
  • Install and Run “Fix CSS”
  • Dump all Caches
  • Check Site Appearance
  • Delete Fix CSS
  • Check for Broken Scripts

Comments on this entry are closed.

Save $200 on Membership Now!

Start learning today for as little as
$0.82 PER DAY!
Subscription Options

Related Posts

Comments on this entry are closed.

  • Pierre Cote August 2, 2017, 5:10 pm

    Hi Rick

    Something is fishy with “BYOB Footer Widgets” each time I switch Skin I kinda need to re-save the box, I always loose the CSS to kick in.


    • Rick Anderson August 3, 2017, 5:24 am

      That’s not I problem I’ve seen. I’ll look into it.

  • Keith W Jones August 3, 2017, 1:21 am

    That has always happened for me.

    • Pierre Cote August 10, 2017, 3:39 pm

      Hi Keith

      I still have a sub-domain running T2.3.2, that’s not happening there.

  • Kevin Thomas August 3, 2017, 3:03 pm

    I have gotten into the habit of saving these 4 sets of code prior to upgrading thesis version or skins and then copy/pasting the code back in after the upgrades.

    Editor CSS
    Skin Custom CSS
    Site Tracking Scripts
    Site Head scripts

    Does that serve the same purpose as the fix CSS box?

    • Rick Anderson August 4, 2017, 6:57 am

      No, the Fix CSS box removes extra slashes in CSS.css that arise from the change in escaping method in Thesis 2.4

      • Kevin September 9, 2017, 6:02 pm

        Is it still a good precaution to do the steps of saving these 4 sets of code (Editor CSS, Skin Custom CSS, Site Tracking Scripts, and Site Head scripts) prior to upgrading thesis version or skins and then copy/pasting the code back in after the upgrades anyway, or does the Fix CSS box handle those concerns.

        I have had to recode the CSS on my entire site in the past after upgrading thesis, which is why I am concerned.

        • Rick Anderson September 24, 2017, 9:38 am

          No, I generally don’t recommend all of that now. I recommend using Skin Editor >> Data Manager to backup your current skin data prior to upgrading.

  • Pierre Cote August 11, 2017, 3:55 pm

    Hi Criss and Rick

    Flex-direction interfering with proper functioning of Rick footer box.
    Let’s say I switch Skins (Pearsonified – Flex). Me and others need to re-save the Footer box so it’s CSS kick in. Then, in Flex I also need to add in Custom CSS :
    .footer-section .flex-row-to-col {
    flex-direction: column;
    Because this is interfering :
    .flex-row-to-col {
    flex-direction: row;
    Kinda like the “Copyright & Attribution (Flex)” is added as a Column in the “footer-container”.

    I hope both of you are working on this.
    Please keep me appraise of developments.


  • Jake August 24, 2017, 4:16 am

    I noticed the skin editor for Agility 3.2 won’t save changes to the template. Likewise the custom CSS won’t save changes either. Is there an update coming or a fix for this?

    • Rick Anderson August 24, 2017, 6:58 am

      Jake, something else is going on here. I don’t think it is related to Agility as I can’t make my copies of Agility fail in that way.

  • Jake August 24, 2017, 4:21 am

    I guess it’s also worth mentioning that none of the Agility Easy Responsive columns have a clear:both after the columns. Not exactly sure of the best description for this but for some time now I’ve been manually inserting a div container and adding custom css to clear the html.

    • Rick Anderson August 24, 2017, 7:01 am

      Again if the Agility ERCs don’t behave as if they are self clearing then something else is wrong. They don’t need clearing divs. Post a question to the forum with a link to a page where the self clearing isn’t happening.