Member Avatar for tefflox

Hello, I would like to place the main content a little further to the left (at http://denacht.blogspot.com ) but I can't figure out how to do this. What is the relevant css to decrease the left margin? Will you take a look?

  • 3 Contributors
  • 2 Replies
  • 106 Views
  • 2 Years Discussion Span
  • Latest Post Latest Post by Kaarthik

Dani AI

Generated

asked how to nudge the main column left in a Blogger template. Replies from and point in useful directions; below is a compact, practical checklist and safe example you can apply to most Blogger themes.

Back up the template first (Theme/Template -> Backup/Download). Open the site in a browser, right‑click the main column and choose Inspect (DevTools) to find the selector for the content area and the sidebar. Look for CSS rules that set width, margin-left, margin-right, padding, or float on those selectors and on the page wrapper. Edit CSS in Theme -> Customize -> Advanced -> Add CSS, or in Theme -> Edit HTML if the rule is inside the template.

Example adjustments (replace selectors with those your theme uses):

/* move main column a little left by reducing its left margin */
#content, .main-column {
  margin-left: 10px; /* change value as needed */
}

/* or shrink the sidebar so the main column naturally shifts left */
#sidebar, .sidebar-column {
  width: 220px; /* ensure total widths do not exceed wrapper width */
}

Troubleshooting and cautions: if changes do not appear, clear cache or check for inline styles or !important overrides. Responsive templates often use percentages and media queries; change percent widths or update the media query rules instead of pixel values. Table-based templates require editing table cell widths rather than div margins. Always test on different viewport sizes and keep a copy of the original template so you can roll back.

Recommended Answers

All 2 Replies

Member Avatar for FC Jamison

That's not the problem...

Your links table in the sidebar is set to 400px...that is what is throwing everything off.

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.