Editor & Preview completely different

Elements
1

The image shows two screenshots of a dark-themed website in a web browser, with the titles 'Brambles of Norfolk' and 'Rubus Species found in Norfolk' prominently displayed at the top. (Captioned by AI)
The image shows two screenshots of a dark-themed website in a web browser, with the titles 'Brambles of Norfolk' and 'Rubus Species found in Norfolk' prominently displayed at the top. (Captioned by AI)3824×1780 260 KB

The top image is what the a trial site looks like. The lower part of the image shows what it looks when previewing in Safari. Very first steps in changing to elements. What haven’t I done correctly?

Also the trial version says it will not save even though I have only used three pages.

2

It’s hard to say from the screenshot. Do you have any custom components on the page? It might be worth starting a new project, then slowly adding things to identify where the problem is.

Oh that’s odd, can you share a screenshot of the whole app, showing the page list?

Btw, I’m in Norfolk too, over in Dereham :grin:

3

A website design interface is displayed on a computer screen with a pop-up window notifying the user of a missing font issue. (Captioned by AI)
A website design interface is displayed on a computer screen with a pop-up window notifying the user of a missing font issue. (Captioned by AI)3930×2448 222 KB

Hello Tom Cromer for me.There’s an image there that shows (just about the three pages and the dialogue box that says I mustn’t have more that three pages?? No custom components being used just the basic ones in the trial. I have rebuilt the two pages a couple of times but it happens every time. Kind regards Mike

4

Thanks Mike, leave it with me and I’ll see what I can do. Cheers!

5

This is probably because you’re designing in light (or dark) mode and your system is in another mode.

These two little buttons toggle between light and dark mode in the editor so you can adjust colours for each:

CleanShot 2025-07-24 at 10 .38.04@2x
CleanShot 2025-07-24 at 10 .38.04@2x278×126 2.66 KB

You can learn more about Dark Mode in the manual: Dark Mode | RapidWeaver Elements Docs

Let me know if that helps!

6

I’ve reproduced the page limit issue and will get that fixed up.

I think Dan is spot on with the dark mode setting. Also, from your screenshot it looks like you have the system’s accent colour set to Graphite. Swapping to another colour would make it far easier to see which mode is currently active. You can change that in System Settings under Appearance.

image
image986×648 93.9 KB

1 Like