How do I increase this margin?

Posted on 2012-03-29
Medium Priority
Last Modified: 2012-04-07
I have a site here:


and I need to increase the left margin of the light green right side box so it matches the margin at the top of the green right side box.

Any help would be appreciated.
Question by:Donnie Walker
  • 4
  • 2
LVL 12

Expert Comment

by:Tony van Schaik
ID: 37783933
Just remove the margin-right in your template.css stylesheet:

.header_right {
        margin-right:46px; /* remove this line */

Open in new window

And it should work

Author Comment

by:Donnie Walker
ID: 37784032
I commented it out and nothing changed.
LVL 12

Expert Comment

by:Tony van Schaik
ID: 37784627
You do mean the customer service bar? Or did you mean an other element on the website. Otherwise can you give me a screenshot with which box you mean?
Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.


Author Comment

by:Donnie Walker
ID: 37784850
I need the left side of the light green box to have the same margin as the top of the light green box.

The screenshot shows the area with a red box around it.

Accepted Solution

Donnie Walker earned 0 total points
ID: 37796515
I figured it this out myself by adjusting the margin on the ".sidebar_item p" element.

Thanks anyway.

Author Closing Comment

by:Donnie Walker
ID: 37818661
Figured it out myself.

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

CSS3 Custom checkboxes This article shows how to style the checkbox form element using only CSS. Works in: Chrome, FF, Safari, Opera, IE9+ Uses modernizr.js to check for :checked pseudo class, falling back to plain old checkboxes (IE8 and bel…
When applying CSS to your HTML, there are many different ways to select which element(s) the CSS applies to.  Some of these selectors are more commonly known and used than others - Here are the more common ones: #X - Matches an ID of X .X - Matche…
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

597 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question