Forums

schill

I am trying to eliminate the spacing on my blog post http://chris-schilling-4lzz.squarespace.com/blog/ so that the title and details below are closer together. Would be nice to have everything spaced similar to my old site. http://www.jobspark.ca/job-listings/ I am having problems accomplishing this without it is affecting the post text once opened.

Thanks for any help you can provide.

posterity576

I don't know if you are aware of this, but people who don't have a Squarespace account are unable to view the blog post on your site.

As far as achieving the desired effect, I would use margin to add space between the time stamps and the title and details of the post.

schill

http://chris-schilling-4lzz.squarespace.com/

If you go to the site, it should let you click guest access and enter that way. The page I am working on is the Job Posting page

cloudy243

On site.css, line 7518, .collection-type-blog .details currently has a padding-top: 25px; if you adjust this, it will move closer. Try padding-top: 0px; and see how you like that. Also it looks like the .collection-type-blog .details currently is being defined multiple times, maybe fix that up.

schill

That seemed to fix the padding issue but when you click on the blog entry and it opens up the page the text is all crunched together. http://chris-schilling-4lzz.squarespace.com/

Paulie_D

Not sure what this is doing...

.sqs-layout {
margin-bottom: -24px;
}

but that is what is 'crunching' the text.

This isn't helping either

.collection-type-blog h1.post-title {
margin-bottom: 0px;
}

Also..

Line 7518

.collection-type-blog .details {
color: #000000;
padding-top: 0px;
}

is overriding Line 6723

.collection-type-blog .details {
padding-top: 25px;
color: #000000;
}

treehouse : what would you like to learn today?

Forums

Blog Page CSS Question