Skip to main content

Defect In The Watermark Template Tabs Section

Occasionally in Blogger Help Forum: Get Help with an Issue, we see a report of template inconsistency, in the Tabs Menu.
Most of the tabs links work fine - the pages pop right up. The two tabs on the far right, you can't click them and they don't act as links.
When we check the published blog code, the pages gadget looks normal - the two tabs reported just, mysteriously, refuse to operate.

The easiest solution, to this problem, is just to make the tabs section narrower.
Change the tabs captions, make all of the tabs smaller, and the ones on the right will be fine.
This strategy works OK, if the pages, indexed in tabs, can be renamed. But not all owners are interested in re captioning their tabs - and some tabs can't be easily re captioned.

Fortunately, there is an easier way to fix this. The problem here is with the code, in the Watermark template - and a simple CSS fix will take care of the problem.

To correct the problem, use the "Add CSS" wizard, in the Template Designer Advanced menu, and add two rules.

.tabs .widget ul {
width: 100%;
overflow: visible;
}

.main-cap-top .cap-left {
z-index: -1;
}

Copy the above two rules, plus leading and trailing blank lines, into the "Add CSS" window. Then hit "Apply to Blog" - and test your change.

See my Watermark Pages Test.

And please, as always, backup the template before and after making this change.

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

Leave Comments Here

Like any blogger, I appreciate polite comments, when they are relevant to the blog, and posted to the relevant article in the right blog . If you want to ask me a question thats relevant to blogging, but you can't find the right post to start with (I haven't written about everything blogger related, yet, nor the way things are going I don't expect to either), ask your questions here, or leave an entry in my guestbook . As noted above, please note my commenting policy . If you post a comment to this post , I will probably treat it as a "Contact Me" post . If you have an issue that's relevant to any technical issue in the blog, please leave a comment on the specific post , not here. This post is for general comments, and for non posted contact to me. If the form below does not work for you, check your third party cookies setting! For actual technical issues, note that peer support in Blogger Help Forum: Something Is Broken , or Nitecruzr Dot Net - Blog

What Is "ghs.google.com" vs. "ghs.googlehosted.com"?

With Google Domains registered custom domains becoming more normal, we are seeing one odd attention to detail, expressed as confusion in Blogger Help Forum: Learn More About Blogger . My website uses "ghs.google.com" - am I supposed to use "ghs.googlehosted.com", instead? It's good to be attentive to detail, particularly with custom domain publishing . This is one detail that may not require immediate attention, however.