Solved

How do I increase this margin?

Posted on 2012-03-29
6
159 Views
Last Modified: 2012-04-07
I have a site here:

http://hoosier.fireandrainhosting.com/production-capabilities

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.
0
Comment
Question by:Donnie Walker
  • 4
  • 2
6 Comments
 
LVL 12

Expert Comment

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

.header_right {
	float:right;
	width:740px;
        margin-right:46px; /* remove this line */
}

Open in new window


And it should work
0
 

Author Comment

by:Donnie Walker
ID: 37784032
I commented it out and nothing changed.
0
 
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?
0
Courses: Start Training Online With Pros, Today

Brush up on the basics or master the advanced techniques required to earn essential industry certifications, with Courses. Enroll in a course and start learning today. Training topics range from Android App Dev to the Xen Virtualization Platform.

 

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.
margin.png
0
 

Accepted Solution

by:
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.
0
 

Author Closing Comment

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

Featured Post

Courses: Start Training Online With Pros, Today

Brush up on the basics or master the advanced techniques required to earn essential industry certifications, with Courses. Enroll in a course and start learning today. Training topics range from Android App Dev to the Xen Virtualization Platform.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
CSS Position not returning 2 56
Centering Vertically 3 34
How can I make the input automatically take the width of the column? 1 17
Help to align the buttons in a row 2 26
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…
Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
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).

776 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