WebWerx 0 Report post Posted July 20, 2012 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
catrina 103 Report post Posted July 20, 2012 Try this CSS: [code]section#utestimonials {margin-top: -80px;}[/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 0 Report post Posted July 20, 2012 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 103 Report post Posted July 20, 2012 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 0 Report post Posted July 20, 2012 @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 103 Report post Posted July 20, 2012 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 0 Report post Posted July 20, 2012 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 103 Report post Posted July 20, 2012 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 0 Report post Posted July 20, 2012 @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 547 Report post Posted July 20, 2012 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 0 Report post Posted July 20, 2012 @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 14 Report post Posted July 21, 2012 I heard my name.. -lurk- +1 @henry_rly Share this post Link to post Share on other sites