Solved

Cant get rid of whitespace in wordpress theme page

Posted on 2014-01-20
6
463 Views
Last Modified: 2014-01-21
I have a wordpress theme that has whitespace at the top of the header and between the title and the body and I cant figure how to reduce it! Help.

I am attaching an image of the white space I want to get rid of. I will upload the CSS files in a minute.

This is the page: http://houstonindicators.com/testlevel1/health/people/people-3/

Thx
0
Comment
Question by:Oscar9ertango
  • 4
  • 2
6 Comments
 

Author Comment

by:Oscar9ertango
ID: 39795891
white space to reduce
blankspace.gif
0
 

Author Comment

by:Oscar9ertango
ID: 39795906
css file
css--2-.zip
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 39795966
Whenever you find yourself staring at a CSS issue, right click and select "Inspect Element" if you are using a decent web browser.  This will highlight the element (and allow you to select a new element if needed) and show you a box outline representing the element's size and the CSS affecting the element.

In this case you have:

h1 {
	font-size: 24px;
	color: #24A0E0;
	padding: 10px 0 45px 0;
}

Open in new window


In this file:

http://houstonindicators.com/wp-content/themes/neodym/css/master.css

The 45px of padding is what is causing the whitespace.
0
Networking for the Cloud Era

Join Microsoft and Riverbed for a discussion and demonstration of enhancements to SteelConnect:
-One-click orchestration and cloud connectivity in Azure environments
-Tight integration of SD-WAN and WAN optimization capabilities
-Scalability and resiliency equal to a data center

 

Author Comment

by:Oscar9ertango
ID: 39796026
That's great! Fixed the white space between the body and title.

Trying to figure out the css setting to take the top padding out of the header. Looking for logo I think
0
 
LVL 70

Accepted Solution

by:
Jason C. Levine earned 500 total points
ID: 39796049
Same CSS file.

.site {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #D9DDDF #D9DDDF -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    padding: 60px 40px;
}

Open in new window


Padding again...
0
 

Author Closing Comment

by:Oscar9ertango
ID: 39797072
Thx!!
0

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
The purpose of this video is to demonstrate how to exclude a particular blog category from the main blog page. This is can be used when a category already has its own tab, or you simply want certain types of posts not to show up on the main blog. …
The purpose of this video is to demonstrate how to set up an RSS Feed on a WordPress Website. This will be demonstrated using a Windows 8 PC. Feedburner will be used for this demonstration. Go to your WordPress login page. This will look like the…

830 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