WordPress.org

Ready to get started?Download WordPress

Forums

Post Title and Text (6 posts)

  1. Possum7
    Member
    Posted 1 year ago #

    Hi everyone,

    I am trying to make the distance between the post tile and the post text smaller. Also, the space when I enter a new line within the post is much bigger than I am after. Currently the gap is huge and it looks silly. I have searched and searched online and have tried adjusting just about everything within the page/post CSS but cant seem to find it, does anyone know what i need to adjust to make it smaller? I'm using the picolight theme, below is the CSS I am assuming it will be under...? Also, if you want to take a look the site is http://www.samuellaysullivan.com

    /* posts and pages */
    
    .post, .pages {
    	margin-bottom: 15px;
    	}
    
    .post .title, .pages .title {
    	float:left;
    	width: 100%;
    	}
    
    .post .title h1, .pages .title  h1, .post .title h2, .pages .title h2 {
    	font-size: 20px;
    	margin: 7px 15px;
    	padding: 0;
    	}
    
    .post .meta, .pages .meta {
    	font-size: 13px;
    	color: #808080;
    	padding: 5px 15px;
    	clear: both;
    	border-top: 1px solid #ccc;
    	}
    
    .post .thumbnail {
    	float: left;
    	margin: 10px 15px 10px 10px;
    	}
    
    .post .entry, .pages .entry {
    	line-height:22px;
    	display:block;
    	clear:both;
    	overflow:hidden;
    	color:#292929;
    	text-align: justify;
    	padding: 10px 15px 16px 15px;
    	}
    
    .post p, .pages p {
    	margin:0;
    	padding: 6px 0;
    	}
    
    .post blockquote, .pages blockquote {
    	background:transparent url(images/quote.png) no-repeat scroll 0 0;
    	font-style:italic;
    	margin:5px 0 5px 0;
    	padding:10px 15px 10px 60px;
    	}
    
    .post ul.split3cols,.post ul.split2cols,.pages ul.split3cols,.pages ul.split2cols  {
    	font-size: 13px;
    	overflow:auto;
    	width:520px;
    	}
    
    .post ul, .pages ul {
    	list-style-type:none;
    	margin:10px 0;
    	padding:0 0 0 10px;
    	}
    
    .post ul.split3cols li, .pages ul.split3cols li {
    	float:left;
    	width:155px;
    	margin-right:5px;
    	}
    
    .post ul.split2cols li, .pages ul.split2cols li {
    	float:left;
    	width:240px;
    	margin-right:5px;
    	}
    
    .pages ul.split3cols,.pages ul.split2cols {
    	font-size: 13px;
    	overflow:auto;
    	width:520px;
    	}
    
    .pages ul {
    	list-style-type:none;
    	margin:10px 0;
    	padding:0 0 0 10px;
    	}
    
    .post ul li, .pages ul li {
    	background:url(images/icon_bullet.png) 5px 2px no-repeat;
    	line-height: 24px;
    	margin:4px 0;
    	padding:0 0 0 25px;
    	}
    
    .post .entry h1,.post .entry h2,.post .entry h3,.post .entry h4, .pages .entry h1,.pages .entry h2,.pages .entry h3,.pages .entry h4, #comment-form h3, .commentform h3 {
    	padding: 5px 5px 2px 0;
    	}
    
    h1, h2, h3, h4 {
    	font-family: Ubuntu, Arial, 'sans serif';
    	font-weight: normal;
    	}
    
    .post .entry h1, .pages .entry h1 {
    	font-size:20px;
    	}
    
    .post .entry h2, .pages .entry h2, #comment-form h3,.commentform h3 {
    	font-size:18px;
    	margin-top: 20px;
    	}
    
    .post .entry h3, .pages .entry h3 {
    	font-size:16px;
    	margin-top: 20px;
    	}
    
    .post .entry h4, .pages .entry h4 {
    	font-size:14px;
    	margin-top: 5px;
    	}
    
    .pages h1,.pages h2,.pages  h3,.pages h4 {
    	margin: 10px 0 5px 0;
    	padding: 5px 0 0 5px;
    	color: #292929;
    	}
    
    .pagelinks {
    	clear: both;
    	color: #808080;
    	margin-top: 25px;
    	}
    
    .pagelinks p {
    	border-top: 1px solid #ccc;
    	border-bottom: 1px solid #ccc;
    	text-shadow: 0 1px 0 #fff;
    	background: #f0f0f0;
    	padding: 10px;
    	display: inline;
    	}
    
    .pagelinks a:link, .pagelinks a:visited {
    	text-decoration: none;
    	}
    
    .pagelinks a:hover {
    	}
    
    .post .meta, .pages .meta {
        display: none;
    }
    
    /* tables */
    
    .post table th, .pages table th, .comment table th {
    	font-size: 13px;
    	font-weight: normal;
    	color: #808080;
    	text-transform: uppercase;
        padding: 2px 4px;
        text-align: left;
    	}
    
    .post table, .pages table, .comment table {
    	margin: 10px 0;
    	width: 100%;
    	border-collapse: collapse;
    	}
    
    .post td, .pages td, .comment td {
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        padding: 2px 4px;
    	}
    Any help will be MUCH appreciated :)

  2. ThorHammer
    Member
    Posted 1 year ago #

    Adjust the padding in post entry and post title h1 (X.)
    You should also look for any single parapraph (P) styles floating somewhere else in your stylesheet, it might have som serious bottom or top padding as well.

  3. Possum7
    Member
    Posted 1 year ago #

    Okay so I have had a play with the above suggestion however all it seems to do is make the post move to the right so it is no longer aligned with the post title.

    Any further ideas anyone? I am considering just changing themes but would like to avoid it if possible!

  4. Bea Cabrera
    Member
    Posted 1 year ago #

    rewriting your padding line 443 on style.css to:
    padding: 0px 15px 32px 15px;
    will decrease a little bit the inter space between title and post.

  5. Bea Cabrera
    Member
    Posted 1 year ago #

    But your problem is not that. Your problem is h3.

    If you decrease the margin-top: 20px; on your line 526 from style.css, you'll have it.

    But be aware that you're making a bad use of the h3 tag (which is reserved to headings).

    Try using <p>instead of <h3> for the content of your paragraphs. The space by default will be smaller and if you'd like then to increase the font size you'd only have to type in your css a new font-size for your p tags.

    Cheers!

  6. Possum7
    Member
    Posted 1 year ago #

    Wow, thank you SO MUCH, that worked perfectly!!! :)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.