Skip to main content

Not All Template Designer "Advanced" Wizards Work

An occasional blog owner reports frustration with various "Advanced" Template Designer wizards, in Blogger Help Forum: Get Help with an Issue.
I have entered my new colour palette under "template>advanced>" - and the colours will not show up on the blog.

I even checked that the colour values were right under "Edit HTML".
This blog owner wants different background colours, than are provided as defaults - and does not understand why the wizards, that advise
Template applied.
simply don't work.

The problem, with blogs that use a "Simple" template, is that the template does not contain the CSS rules required, to allow the wizards to produce results.

Every "Advanced" wizard uses 3 elements.

Every Template Designer "Advanced" setting wizard requires 3 elements.
  1. The GUI wizard (below).
  2. The "Variable definitions" section, which defines the GUI wizards (below), and the CSS variables.
  3. The CSS rules, that use the variables.

The "Simple" templates omit the necessary CSS rules.

Every template provides #1, and #2. "Simple" omits #3, for various wizards.


At least 3 "Advanced" wizards don't work, with "Simple" templates.



This paragraph of "Variable definitions" code appears to be common to all templates.


This is one known problem "Advanced" wizard group.

<Group description="Backgrounds" selector=".body-fauxcolumns-outer">
<Variable name="body.background.color" description="Outer Background" type="color" default="#66bbdd"/>
<Variable name="content.background.color" description="Main Background" type="color" default="#ffffff"/>
<Variable name="header.background.color" description="Header Background" type="color" default="transparent"/>
</Group>


The group requires CSS rules, which use 3 variables.

For the 3 wizards to work, the template needs CSS rules to use

  • body.background.color
  • content.background.color
  • header.background.color

The required CSS rules just are not present, in some templates.

Each of the above 3 CSS names are present only in the "Variable definitions" section. In the "Simple" template, there are no CSS rules to make the variables useful.

I've seen this a couple times. Some templates are not complete. This is a frequent annoyance, with some custom third party templates.

"Simple" is just that.

There are solutions.

There are several possible solutions, in order of reality.
  1. Use a different template.
  2. Remove the extraneous code from the "Simple" template.
  3. Add the necessary CSS, to use the variables defined.

Most blog owners, reporting the problem, will opt for #1 - though I suspect that this omission has caused some confusion that is not reported.

Comments

Popular posts from this blog

Adding A Link To Your Blog Post

Occasionally, you see a very odd, cryptic complaint I just added a link in my blog, but the link vanished! No, it wasn't your imagination.

Embedded Comments And Main Page View

The option to display comments, embedded below the post, was made a blog option relatively recently. This was a long requested feature - and many bloggers added it to their blogs, as soon as the option was presented to us. Some blog owners like this feature so much, that they request it to be visible when the blog is opened, in main page view. I would like all comments, and the comment form, to be shown underneath the relevant post, automatically, for everyone to read without clicking on the number of comments link. And this is not how embedded comments work.

What's The URL Of My Blog?

We see the plea for help, periodically I need the URL of my blog, so I can give it to my friends. Help! Who's buried in Grant's Tomb, after all? No Chuck, be polite. OK, OK. The title of this blog is "The Real Blogger Status", and the title of this post is "What's The URL Of My Blog?".