Reduce Spaces in Magazine Template

General questions pertaining to how certain issues can be resolved
Forum rules
1. No offensive language and no mocking
2. Please do a thorough search before you post something. Trust us, there is a high probability that the question you are asking has been asked previously.
3. No soliciting. You cannot post here soliciting bids for people offer you quotes, or even offer money to people for some work. You will be moderated if you do so. If you are looking for help, please post your request on http://jobs.wordpress.net or http://codepoet.com
4. Please be reasonable. You are getting software and support. For free. Complicated requests from a general purpose theme are not welcome and some volunteers might lose patience with you.
5. Please do your due diligence. If you posted a query and we answered with a link, take the trouble to go through the link contents.
6. Please post with complete information. Requests for help MUST be accompanied with your URL, particularly if you are asking something like "Why am I seeing a blank space?"

Reduce Spaces in Magazine Template

Postby jamihoward » 27 Jun 2012, 10:35

I have a few areas I'd like to reduce some of the padding and I can't sort out the CSS to accomplish this.

I'm using the magazine template on www.georgiaconnectorblog.com and am also using the WP_Cycle plugin to include a slideshow for each blog category on the home page. I would like to reduce the space between the header and the page content here -- I think it's there because I've chosen not to show the page title, so this is the area where the page title would have appeared.

I would also like to reduce the padding between the category blocks and the page content.

Do you know the CSS to accomplish these two goals?

Thanks again for a great theme!
Attachments
Screen Shot 2012-06-27 at 1.30.37 PM.jpg
Screen Shot 2012-06-27 at 1.30.37 PM.jpg (102.68 KiB) Viewed 253 times
jamihoward
 
Posts: 30
Joined: 15 Feb 2011, 15:46

Re: Reduce Spaces in Magazine Template

Postby Colin » 27 Jun 2012, 11:16

Try this

Code: Select all
#wrapper { padding: 0 10px;}
#content { margin-top: -8px;}
.post, article.page { padding: 0.5em 1em 0;}
Colin
 
Posts: 2801
Joined: 27 Oct 2009, 10:46

Re: Reduce Spaces in Magazine Template

Postby drake » 27 Jun 2012, 11:24

Add at Custom Styles:
Code: Select all
#wrapper {padding:0;}
.post, article.page {padding-top:0;}
/* the above lines will have effect on all pages, if you wish to reduce
more the space from the top of slider add also the next line, if not skip it: */
#rotator {margin-top:-10px;}
/* for the bottom of slider: */
footer.post-footer {display:none;}
drake
 
Posts: 3805
Joined: 26 Jul 2011, 07:56
Location: Constanta, Romania

Re: Reduce Spaces in Magazine Template

Postby jamihoward » 27 Jun 2012, 11:42

Fantastic! That's exactly what I needed, Colin! Thanks, too Drake!
jamihoward
 
Posts: 30
Joined: 15 Feb 2011, 15:46

Re: Reduce Spaces in Magazine Template

Postby jamihoward » 27 Jun 2012, 14:43

One more quick question... I'm using the custom template and I would like to further reduce the space between the bottom of the page content and the widgets below them...

I tried playing with the CSS a bit, but didn't want to screw it all up... Link: http://www.georgiaconnectorblog.com/

Can you tell me which part of the CSS I need to change?
jamihoward
 
Posts: 30
Joined: 15 Feb 2011, 15:46


Return to Support Requests

Who is online

Users browsing this forum: Google [Bot] and 9 guests