Spacing Issues

[maxquinn 0]

Hi, I'm currently trying to fine tune the spacing on the home page of a site I'm building, which can be seen at http://www.archetypeartists.com/wordpress/ Issues I need to rectify: 1) Remove box and padding around post preview images (and thus make the feature images the size that the box around them currently is. 2) Line up top of post preview images and post title to the top of the twitter box 3) Line up the left side of post preview images to the left edge of the feature images slideshow 4) Move social icons to the left of the Search bar. I can do this fine in the header settings but for some reason once they are moved they no longer link to anything or have a rollover :S Any ideas how I can fix these issues? Thanks, Max.

[maxquinn 0]

5) On the 'Booking Form' page, why do only my custom fields work? It won't let me click on, or input text, at all on the 'Name' or 'Email Address' boxes, which are boxes automatically created by Fast Secure Contact Form 6) I know this is a plugin, but can I change the text size, and therefore the box height, of each input box? 7) On the 'Contact Page', whatever I do those social buttons at the bottom of the content section won't center!

[cmunns 16]

mainly just CSS stuff here. You may want to try to learn a bit of it to help you as you go. #1 for instance...can use this to remove the padding but it won't make it bigger ` .fpost .post-thumb img { padding: 0px; } ` You would have to change the thumbnail size in your media settings to do that. Also, try aligning with this: ` .one-sidebar-right #column-main .mcolumn-pad, .one-sidebar-right #container #content, .two-sidebar-right #column-main .mcolumn-pad, .two-sidebar-right #container #content { padding: 0 30px 0 0px!important; } `

[maxquinn 0]

Ok thanks I'll give that stuff a go. Sorry for so many questions! I do know some css, and can understand it all once I see it, but it's finding the right Platform Pro attribute to put it to that I find hard work.

[maxquinn 0]

Ok I've been having a really good go at it. Managed to pull off points 1 and 2. Your solution to point 3 almost worked perfectly but there's still a small gap (1 or 2px). Any idea what that is? However, it has created a few odd issues. a) My features have gone over to the left really strangely (as you can see on the site). I tried putting padding or margin on the left to move them back over but it just moves what you can currently see over rather then bringing the feature back. The twitter widget has moved left. c) The footer section is acting very strangely. Below is all the code in my custom css:

body{}
	#header #branding .content-pad {padding: 0px; padding-bottom: 10px; padding-top: 5px; }
	
	#cred {display:none;}
	
	.dcol_container_3 p { padding: 0; margin: 0; }
	
	.current_posts_info {display:none;}
	
	.mcolumn-pad, .scolumn-pad {padding-top:0;}
	
	.one-sidebar-right #column-main .mcolumn-pad, .one-sidebar-right #container #content, .two-sidebar-right #column-main .mcolumn-pad, .two-sidebar-right #container #content {
	padding:0 30px 0 15px;
	}
	
	#maincontent {margin-top:-10px}
	
	#column-main {margin-top:-7px}
	
	.fpost .post-excerpt {
	    margin-top: -3px;
	    margin-bottom: 0px;
	}
	
	.fpost .metabar {
	    margin-top: -3px;
	}
	
	.fpost {
	    margin-bottom: 0.3em;
	    margin-top: 0em;
	}
	
	.post-meta {
	    margin-bottom: 0.3em;
	}
	
	p{font-size:15px}
	
	#feature {margin-top: 0px; }
	
	#branding .content-pad, #branding .branding_wrap { padding-bottom: 0; margin-bottom: 0; }
	
	#nav_row {margin-top: -8px;}
	
	.fpost .post-thumb img {
	padding: 0px; margin-right: 0px; margin-top: 6px;
	}
	
	.one-sidebar-right #column-main .mcolumn-pad, .one-sidebar-right #container #content, .two-sidebar-right #column-main .mcolumn-pad, .two-sidebar-right #container #content {
	padding: 0 20px 0 0px!important;
	}
	
	.fpost .entry_content, .fpost .post-excerpt {
	    padding-left: 0em;
	}
	

Point 4 I'm guessing isn't css? Nor are 5 and 6. Any ideas on then? Point 7 is css again.

[maxquinn 0]

Sorry scrap that, the page width had changed itself to 800px (a problem I've had before which is a bit odd but easily fixed). Just issues 4,5,6 and 7 now, which I don't think are css issues?

[timlinson 3]

4) Likely a z-index issue. There are a couple examples at the end of this thread: http://www.pagelines.com/forum/topic/6729 5) All fields seem to be fine for me, including name and email. Not sure if I'm misunderstanding.. 6) I think you can target the input fields with the IDs they gave. e.g. you could target the name field with `input#si_contact_name1` 7) You'll want to give your table something like `style="width:300px; margin:0 auto"`