XF 2.1 Can Someone Tell Me How To Fix a Theme Please?

[Catsmother]

Hi again

One of my admins is currently making a theme and she has been working on it for a few days.
Codes in the templates are exactly the same as what we have on the other themes.

Here is what it looks like.

 

[Russ]

This could be down to a missing closing bracket or an extra ; somewhere. It could literally be anything.

My methods of correcting this:

Export the style, import as a brand new one. Go to Appearance -> Customized components, revert a few items at a time so you can narrow down where the problem is. Revert a few, refresh the page (make sure you're browsing the new style). This way you can spot where the error is.

 

[Mr Lucky]

Obvious culprits

extra.less - look for what Russ mentions re: { and ;

try remove all code and put it back bit by bit

note that any free form css in style properties must finish with ;

 

[Mr Lucky]

~One more thing...(two actually)

Formatting errors in CSS will cause an error notice in the ACP, usually with a helpful link to the template and explicit line causing the issue

Use the CSS validator - I find direct input pasting in the contents of extra.less is very revealing. Note that you may need some sorting as it will whinge about some perfectly fine use of xenForo specific stuff such as palette colours e.g. @xf-borderColorHighlight