Web Hosting

Can’t See the Changes You Just Made to Your Thesis Site?

Thesis theme logo. If you're not able to see the changes you just made to your Thesis theme design and layout, the chances are you've forgotten to resume Design Mode.

Design Mode was introduced in Thesis 1.8.4.

It's a limited form of minification because it combines the style.css, layout.css and custom.css files into one in order to speed up page-load time.

Design Mode is active by default but, once you've completed setting up your design and layout, you can switch it off to combine those files and speed up the page-load time of your site.

Some people (me included – on several occasions!) have been caught out by this, though. If you switch off Design Mode and then later make a change to your design or layout without resuming it, your changes won't show up.

To correct this you need to resume Design Mode before making your changes and then switch if off again when you’re finished.

Here’s how:

Step 1: Switch off Design Mode

When you’ve completed your design and layout you can switch off Design Mode in the Stylesheet Options of the Site Options screen – simply un-check the check box:

Use Design Mode Check Box

Un-check the check box to switch off design mode. Re-check it before making changes

Step 2: Resume Design Mode

Before making any changes to your site using the custom.css file, the Site Options or the Design Options screens, resume Design Mode by re-checking the check box.

Once you’ve completed your changes you can then switch Design Mode off again.

Step 3: Make sure you hard refresh your page

Finally, after resuming design mode you may find your layout and design is all messed up when you check the front of your site. Just hit F5 (hard refresh on Windows machines) and all will be fine.

That’s all there is to it 🙂


Martin Malden.

Web Hosting