Jump to content
Sign in to follow this  
WebWerx

Need to Reduce Gap Between Site components

Recommended Posts

WebWerx

I have been messing with this for about half an hour and am getting a bit frustrated. Can one of the CSS ninjas tell me the best way to reduce the gap as outlined in this screenie: http://cl.ly/image/4014111R0z3L

Share this post


Link to post
Share on other sites
WebWerx
Hey @catrina! Well I thought you had it nailed: http://cl.ly/image/3v0j260S3x3y ..... until I tried it out in FF: http://cl.ly/image/3y3F2Q3a0c0h Nertz! I am thinking a negative bottom margin on the content pad for the text above the UTestimonials part. Thoughts?

Share this post


Link to post
Share on other sites
catrina
I also tried an adjustment for the text above the testimonial and came up with this: [code]section#content {padding-bottom: 0px;}[/code]

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
WebWerx
@catrina: Wouldn't that apply sitewide? I thought I would have to identify the page in question? IE: http://cl.ly/image/1v0w323a3U20

Share this post


Link to post
Share on other sites
catrina
You're right. Heres code that will only affect that page: [code]body.page-id-6171 section#content {padding-bottom: 0px;}[/code]

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
WebWerx
Hi @catrina: I implemented it this way [code].page-id-6171 section#content {padding-bottom: 0px;}[/code] What do you think (from a visual perspective)? I think that there is still too much space. Too bad we had issues with the negative margins with this: [code]section#utestimonials {margin-top: -80px;}[/code]

Share this post


Link to post
Share on other sites
catrina
I think it's better than it was before but maybe the top padding of the Utestimonial box can be reduced. :)

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
WebWerx
@catrina; Ya maybe... I thought this would take a few minutes... Gotta get to more pressing stuff. I still don't think we got the correct selectors.... :-( So I went back and did this: [code]section#utestimonials {margin-top: -40px;}[/code] So the -80px you had was just a bit to much for FF. It now renders well in both FF & Chrome (& Safari & Opera). And I don't care about IE!

Share this post


Link to post
Share on other sites
Rob
Try this... [code].hentry-pad { padding: 0 0 6px; }[/code] "I have been messing with this for about half an hour and am getting a bit frustrated." You don't like tantric coding?

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
WebWerx
@Actually @rangelone, the solution that @catrina and I 'cooked up' works. So there is no need to bring @hperkins in to this. Look!: http://cl.ly/image/0C1H2X090e1U. And me thinks your solution would be sitewide versus at a page level. Right @simple_mama?

Share this post


Link to post
Share on other sites
Henry Perkins
I heard my name.. -lurk- +1

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×