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

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?".

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.

Add A Custom Redirect, If You Change A Post URL

When you rename a blog, the most that you can do, to keep the old URL useful, is to setup a stub post , with a clickable link to the new URL. Yo! The blog is now at xxxxxxx.blogspot.com!! Blogger forbids gateway blogs, and similar blog to blog redirections . When you rename a post, you can setup a custom redirect - and automatically redirect your readers to the post, under its new URL. You should take advantage of this option, if you change a post URL.