Member Avatar for mr_vampire

I was designing a Blogger template . The demo looks fine.
But as you can see in the image given below the Edit Layout section of Blogger Dashboard shows the misaligned search form.

Can any one please figure it out ??

[/IMG]

Thanks.

  • 2 Contributors
  • 3 Replies
  • 66 Views
  • 15 Hours Discussion Span
  • Latest Post Latest Post by LukeBennett

Dani AI

Generated

Quick note for : this kind of mismatch between the Dashboard preview and the live site usually comes from CSS that assumes a different container (floats, absolute positioning, global input rules, or missing clears). ’s suggestion that the admin preview changes the page context is a reasonable lead — the editor can add wrappers or different widths that expose fragile CSS.

A short, practical debugging flow you can run now:

  • Open your browser dev tools while the preview in the Layout editor is visible and inspect the search element to see its computed width, position, and which rule is winning.
  • Temporarily disable your template stylesheet(s) to confirm whether the template CSS is the cause. If the glitch disappears, narrow down by toggling groups of rules.
  • Look for position:absolute, negative margins, or global selectors that target input, form, or * — those are common culprits. Also check for an unclosed tag in your template HTML; a missing </div> often shifts blocks only when the DOM is wrapped differently (as the dashboard does).
  • Add a temporary outline to the widget container to visualize boundaries.

If you want a quick, noninvasive fix you can try (scope your rules tightly to the widget so they apply consistently):

/* debug/align search widget inside its container */
.widget .search-form { display: inline-block; vertical-align: middle; margin: 0; position: relative; }

/* visual debug */
.widget { outline: 1px dashed red; }

If that doesn’t help, paste the exact HTML for the search widget and the surrounding column markup and I’ll point to the specific rule to change.

Recommended Answers

All 3 Replies

Member Avatar for LukeBennett

I dont think it will be misalligned its just because your in edit so it has to push that box down.

Member Avatar for mr_vampire

In the demo blog it looks fine. I want it to look aligned in edit section also.

I dont think it will be misalligned its just because your in edit so it has to push that box down.

Member Avatar for LukeBennett

Oh, hm contact your CMS support

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.