How to change spacing between rows in post

Discussion in 'WordPress' started by netgo, Jul 3, 2011.

  1. #1
    I have tried spacing out the rows in this wp theme but cannot find where to do it:

    /*
    Theme Name: Neuro
    Theme URI: http://cyberchimps.com/neuro/
    Description: Neuro: A Free WordPress Theme designed by CyberChimps.com in Long Beach, California. Neuro is a clean easily customizable HTML5 design, featuring customizable theme options, the Neuro slider, dynamic header for custom logo, social icons, social sharing, contact section, widgetized sidebar and footer, typography including Google Fonts, and multiple template choices. Twitter @cyberchimps. (<a href="http://cyberchimps.com/neuropro" alt="Upgrade to Neuro Pro">Upgrade to Neuro Pro</a>)
    Author: CyberChimps
    Author URI: http://cyberchimps.com
    Version: 1.1
    =======
    Tags: white, light, silver, two-columns, fixed-width, custom-header, custom-menu, threaded-comments, sticky-post, custom-background, theme-options
    License: GNU General Public License v2.0
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    */

    /* Body */

    * { margin: 0; padding: 0; }
    body { font-size: 14px; }

    .screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
    .clear { clear: both; }
    .group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
    * html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */


    /* Fonts */

    h1, h2, h3 { font-weight: bold; margin: 0px; }
    h1 { font-size: 34px; }
    h2 { font-size: 26px; }
    h2 a{ color: #276db3; }
    h3 { font-size: 14px; }

    .error { font-size: 28px; text-align: center;}

    p { margin: 0 0 10px 0; }
    a { color: #333; text-decoration: none; }
    a:hover { color: #444; }

    a img {border: none; }

    .featured-image {
    margin-top: 2px;
    margin-right: 12px;
    margin-bottom: 10px;
    float: left;

    }

    ul, ol { margin: 0 0 10px 0; }

    strong, b {font-weight:bold}


    /* Page Layout */

    #page-wrap { width: 982px;
    margin: auto;
    margin-bottom: 20px;
    }

    #main { width: 980px; }

    /* Header */

    #header { height: 202px;margin-top: 20px; }

    #headerwrap {
    height: 164px;
    background-color: #fbfbfb;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    }

    #logo {
    margin-left: 25px;
    padding-top: 45px;
    z-index: 1;
    }

    #logo_img {
    height: 80px;
    width: 600px;
    overflow: hidden;
    margin-left: 25px;
    padding-top: 25px;
    z-index: 1;
    }

    #description {
    height: 14px;
    padding-top: 15px;
    }

    .description {

    font-size: 16px;
    font-weight: normal;
    margin-left: 25px;
    color: #444;
    }

    #header_right {
    float: right;
    margin-right: 25px;
    width: 335px;
    height: 100px;
    }

    .sitename {
    font-size: 34px;
    font-weight: bold;
    }

    .sitename a{
    color: #333;
    }

    .sitename a:hover{
    color: #444;
    }

    /* Social Icons */

    #social {
    float: right;
    padding-top: 50px;
    height: 37px;
    width: 335px;
    text-align: right;
    }

    .icons a img {
    padding: 0px 1px 0px 1px;
    opacity:.5;filter:alpha(opacity=50);
    }

    .icons a:hover img { opacity:1;filter:alpha(opacity=100); }

    /* Search Form */

    input[type=text] {
    width: 120px;
    }

    /* Search Bar */

    #searchbar {
    width: 200px;
    float: right;
    text-align: right;
    right: 7.6%;
    }

    #searchbar {
    width: 200px;
    float: right;
    text-align: right;
    margin-top: 13px;
    }
    .searchform {
    margin: 0px;
    text-align: right;
    }

    .s {
    color: #3b3b3b;
    border-radius: 2px;
    -moz-border-radius: 2px;
    font-size: 14px;
    font-weight: normal;
    height: 20px;
    padding: 1px 0px 1px 3px;
    -webkit-transition-duration: 400ms;
    -webkit-transition-property: width, background;
    -webkit-transition-timing-function: ease;
    -moz-transition-duration: 400ms;
    -moz-transition-property: width, background;
    -moz-transition-timing-function: ease;
    width: 26%;
    }

    .center .searchform { float:none; }

    .searchform .s:focus { outline: 0; width: 96%; }

    .searchform .searchsubmit { display: none; }

    /* Content */

    #content_wrap {
    background: url(./images/column.gif) repeat-y 50% 0;
    width: 978px;
    height: 100%;
    padding-top: 5px;
    padding-bottom: 10px;
    border-top: 1px solid #242527;
    border-left: 1px solid #757577;
    border-right: 1px solid #757577;
    background-color: #fff;
    display: block;
    overflow: auto;
    text-align: left;
    }

    #content_left {
    float: left;
    width: 667px;
    }

    #content_fullwidth {
    width: 100%;
    }

    .content_padding {
    padding: 2px 8px 8px 10px;
    }

    #content_wrap_fullwidth {
    background: #fff;
    width: 978px;
    height: 100%;
    padding-top: 5px;
    padding-bottom: 10px;
    border-top: 1px solid #242527;
    border-left: 1px solid #757577;
    border-right: 1px solid #757577;
    background-color: #fff;
    display: block;
    overflow: auto;
    text-align: left;
    }

    /* Posts Styling */

    .post_container {
    background-color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    margin-bottom: 10px;
    padding: 0px 5px 5px 5px;
    }

    .post_container ul {

    list-style: disc;
    margin-left: 21px;
    list-style-position: inside;

    }

    ol {
    list-style-position: inside;
    margin-left: 21px;
    }
    .content-background {
    background-color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 0px 5px 5px 5px;
    }

    .archive-contentbg {
    background-color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 0px 5px 5px 5px;
    }

    .posts_title {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 8px;
    }

    .posts_title a{
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 8px;
    color: #000;
    }

    .posts_title a:hover{
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 8px;
    color: #444;
    }

    hr {
    color: #fff; background-color: #fff; border: 1px dotted #ccc; border-style: none none dotted;
    }

    .post {
    font-size: 15px;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;

    }

    .entry {
    overflow:hidden;
    padding: 20px 40px;
    padding-bottom: 15px;
    }

    .meta {
    color: #ababab;
    font-size: 12px;
    margin-bottom: 20px;
    }
    .postmetadata {
    color: #5c5c5c;
    margin-top: 3px;
    }

    .cat {
    font-size: 12px;
    text-align: left;
    color: #ababab;
    }

    .post-edit-link {
    background-color: #757575;
    border: 1px solid #ccc;
    padding: 2px 3px;
    color: white;
    font-size: 10px;
    }

    img.alignright {float:right; margin: 5px 0 1em 1em}
    img.alignleft {float:left; margin: 5px 1em 1em 0}
    img.aligncenter {display: block; margin-left: auto; margin-right: auto}
    a img.alignright {float:right; margin: 5px 0 1em 1em}
    a img.alignleft {float:left; margin: 5px 1em 1em 0}
    a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

    .aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
    .alignleft {
    float: left;
    }
    .alignright {
    float: right;
    }
    .wp-caption {
    background-color: #f3f3f3;
    border: 1px solid #ddd;
    border-radius: 3px; /* optional rounded corners for browsers that support it */
    -moz-border-radius: 3px;
    margin: 10px;
    padding-top: 4px;
    text-align: center;
    max-width: 620px;
    }
    .wp-caption img {
    border: 0 none;
    margin: 0;
    padding: 0;
    max-width: 610px;
    }
    .wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
    }


    blockquote {
    background-color: #ccc;
    margin: 10px;
    padding: 3px;
    }
    blockquote p { }

    .sticky { }

    .gallery-caption { }

    .navgation { }
    .next-posts { float: left; }
    .prev-posts { float: right; }

    /* Share and Comments Styling */

    .share {
    padding-top: 1px;
    margin-bottom: -18px;
    }

    .share a img {
    padding: 0px 1px 0px 1px;
    opacity:.5;filter:alpha(opacity=50);
    }

    .share a:hover img { opacity:1;filter:alpha(opacity=100); }

    .fb {

    }

    .comments {
    text-align: right;
    font-size: 12px;
    }

    #comments .navigation {
    padding: 0 0px 18px 0;
    }

    .tags {
    font-size: 10px;
    }

    label[for="comment"] {display: block;}

    /* Sidebar Right */

    #sidebar_right {
    float: left;
    width: 310px;
    height: 100%;
    display: block;
    }

    #sidebar {
    width: 300px;
    height: 100%;
    margin: 0px 5px 10px 5px;
    padding: 0px 0px 0px 5px;
    }

    .sidebar-widget-title {
    color: #444;
    height: 14px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 5px 0px 15px 0px;
    }

    .sidebar-widget-style {
    color: #222;
    margin-bottom: 15px;
    }

    .sidebar-widget-style a{
    color: #000;
    font-weight: 700;
    }

    .sidebar-widget-style a:hover{
    color: #444;
    font-weight: 700;
    }

    .sidebar-widget-style li {
    list-style-type: square;
    list-style-position: inside;
    }


    /* Lists */

    li {padding-left: 5px;}


    /* Footer */

    #footer {
    min-height: 200px;
    background-color: #2c2c2c;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    border-top: 1px solid #7a7a7a;
    width: 980px;
    }

    #footer_wrap {
    margin: auto;
    width: 978px;
    }

    .footer-widgets {
    float: left;
    width: 225px;
    margin-top: 10px;
    margin-left: 18px;
    padding-bottom: 15px;
    color: #ccc;
    }

    .footer-widgets li {
    list-style-type: none;
    }

    .footer-widgets a {
    color: #f5f5f5;
    }

    .footer-widgets a:hover {
    color: #111;
    }

    .footer-widget-title{
    color: #888;
    font-size: 16px;
    font-weight: bold;
    }

    .footer-item ul {
    padding-left: 15px;
    }

    #afterfooter {
    width: 100%;
    color: white;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    }

    #afterfooterwrap {
    width: 948px;
    height: 20px;
    margin: auto;
    padding: 3px;
    }

    #afterfootercopyright {
    max-width: 200px;
    float: right;
    position: relative;

    }

    #afterfootermenu {
    float:left;
    position: absolute;
    width: 400px;
    }

    #afterfootermenu a {
    color: #F5F5F5;
    }

    #afterfootermenu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    }
    #afterfootermenu li {
    display: inline;
    }

    /* Comment lists */

    ol.commentlist { list-style: none; }
    ol.commentlist li { }
    ol.commentlist li.alt { }
    ol.commentlist li.bypostauthor { }
    ol.commentlist li.byuser { }
    ol.commentlist li.comment-author-admin { }
    ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
    ol.commentlist li.comment div.comment-author { }
    ol.commentlist li.comment div.vcard { }
    ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
    ol.commentlist li.comment div.vcard cite.fn a.url { }
    ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
    ol.commentlist li.comment div.vcard img.avatar-32 { }
    ol.commentlist li.comment div.vcard img.photo { }
    ol.commentlist li.comment div.vcard span.says { }
    ol.commentlist li.comment div.commentmetadata { }
    ol.commentlist li.comment div.comment-meta { font-size: 10px; }
    ol.commentlist li.comment div.comment-meta a { color: #ccc; }
    ol.commentlist li.comment p { }
    ol.commentlist li.comment ul { }
    ol.commentlist li.comment div.reply { font-size: 11px; }
    ol.commentlist li.comment div.reply a { font-weight: bold; }
    ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
    ol.commentlist li.comment ul.children li { }
    ol.commentlist li.comment ul.children li.alt { }
    ol.commentlist li.comment ul.children li.bypostauthor { }
    ol.commentlist li.comment ul.children li.byuser { }
    ol.commentlist li.comment ul.children li.comment { }
    ol.commentlist li.comment ul.children li.comment-author-admin { }
    ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
    ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
    ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
    ol.commentlist li.comment ul.children li.depth-5 { }
    ol.commentlist li.comment ul.children li.odd { }
    ol.commentlist li.even { background: #fff; }
    ol.commentlist li.odd { background: #f6f6f6; }
    ol.commentlist li.parent { border-left: 5px solid #111; }
    ol.commentlist li.thread-alt { }
    ol.commentlist li.thread-even { }
    ol.commentlist li.thread-odd { }

    form { }

    textarea { }

    @media print {

    .do-not-print { display: none; }
    #comments { page-break-before: always; }

    body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: 'Cantarell', arial, serif; color: #000; background: none; font-size: 12pt; }

    h1 { font-size: 19pt; }
    h2 { font-size:17pt; }
    h3 { font-size:15pt; }
    h4,h5,h6 { font-size:12pt; }
    code { font: 10pt Courier, monospace; }
    blockquote { margin: 1.3em; padding: 1em; }
    img { display: block; margin: 1em 0; }
    a img { border: none; }
    table { margin: 1px; text-align:left; }
    th { border-bottom: 1px solid #333; font-weight: bold; }
    td { border-bottom: 1px solid #333; }
    th, td { padding: 4px 10px 4px 0; }
    caption { background: #fff; margin-bottom: 2em; text-align: left; }
    thead { display: table-header-group; }
    tr { page-break-inside: avoid; }
    a { text-decoration: none; color: black; }

    } /* END print media */

    /* Superfish Nav */

    /*** Custom Styles ***/

    /* Nav */

    #navbackground {
    background: #000;
    width: 978px;
    height: 100%;
    display: block;
    border-left: 1px solid #757575;
    border-right: 1px solid #757575;
    border-top: 1px solid #777;
    }

    #sfwrapper {
    float: left;
    width: 978px;
    background: transparent;
    }

    /* The container wrapping .sf-menu */

    .sf-menu {
    float: left;
    width: 100%;
    }
    .sf-menu li {
    background: transparent;
    z-index: 1000;
    }
    .sf-menu a {
    color: #fff;
    font-size: 15px;
    padding: 9px 10px 13px 10px;
    font-weight: 800;
    background: transparent;
    }
    .sf-menu ul li a {
    background: transparent;
    padding: 9px 1px;
    font-weight: 800;

    }
    .sf-menu li li {
    background: url(./images/dropdown.png) repeat-x left bottom;
    }
    .sf-menu li li li {
    background: url(./images/dropdown.png) repeat-x left bottom;
    }

    .sf-menu li.current_page_item {
    background: #565a5d;
    }

    .sf-menu li:hover, .sf-menu li.sfHover {
    background: #565a5d;
    outline: 0;
    height: 37px;
    z-index: 2000;
    }

    .sf-sub-indicator {
    display: none;
    }

    /* The container wrapping .sf-menu */
    /*** ESSENTIAL STYLES ***/
    .sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
    }
    .sf-menu {
    line-height: 1.0;
    }
    .sf-menu ul {
    position: absolute;
    top: -999em;
    margin-left: 0px;
    width: 10em; /* left offset of submenus need to match (see below) */
    }
    .sf-menu ul li {
    width: 175px;
    }
    .sf-menu li:hover {
    visibility: inherit; /* fixes IE7 'sticky bug' */
    }

    .sf-menu li {
    float: left;
    position: relative;
    padding: 0px 10px 0px 10px;
    background: transparent;
    }
    .sf-menu a { /* Nav link color */
    display: block;
    position: relative;
    background: transparent;
    }
    .sf-menu li:hover ul,
    .sf-menu li.sfHover ul {
    left: 0;
    top: 2.70em; /* match top ul list item height */
    z-index: 1001;
    }
    ul.sf-menu li:hover li ul,
    ul.sf-menu li.sfHover li ul {
    top: -999em;
    }

    .sf-menu li li {
    height: 35px;
    }

    .sf-menu li li:hover {
    height: 35px;
    background: #565a5d;
    }

    ul.sf-menu li li:hover ul,
    ul.sf-menu li li.sfHover ul {
    left: 13.9em; /* match ul width */
    top: 0;
    }
    ul.sf-menu li li:hover li ul,
    ul.sf-menu li li.sfHover li ul {
    top: -999em;
    }
    ul.sf-menu li li li:hover ul,
    ul.sf-menu li li li.sfHover ul {
    left: 10em; /* match ul width */
    top: 0;
    }

    /* apply hovers to modern browsers */
    a:focus > .sf-sub-indicator,
    a:hover > .sf-sub-indicator,
    a:active > .sf-sub-indicator,
    li:hover > a > .sf-sub-indicator,
    li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
    }


    /* apply hovers to modern browsers */
    .sf-menu ul a:focus > .sf-sub-indicator,
    .sf-menu ul a:hover > .sf-sub-indicator,
    .sf-menu ul a:active > .sf-sub-indicator,
    .sf-menu ul li:hover > a > .sf-sub-indicator,
    .sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
    }

    /*** shadows for all but IE6 ***/
    .sf-shadow ul {
    background: transparent;
    padding: 0 8px 9px 0;
    }
    .sf-shadow ul.sf-shadow-off {
    background: transparent;
    }

    /* Slider */

    .coin-slider { overflow: hidden; zoom: 1; position: relative; }
    .coin-slider a{ text-decoration: none; outline: none; border: none; }

    .cs-buttons { font-size: 0px; padding: 10px; float: left; }
    .cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
    .cs-active { background-color: #B8C4CF; color: #FFFFFF; }

    .cs-title { width: 100%; padding: 10px 10px 10px 10px; background-color: #000000; color: #FFFFFF; }

    .cs-prev,
    .cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }


    #coin-slider-coin-slider { width: 640px; margin-left: 14px;}
     
    netgo, Jul 3, 2011 IP
  2. aap

    aap Well-Known Member

    Messages:
    1,802
    Likes Received:
    39
    Best Answers:
    2
    Trophy Points:
    120
    #2
    do you have any live site using this theme??
     
    aap, Jul 3, 2011 IP
  3. netgo

    netgo Active Member

    Messages:
    279
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    75
    #3
    not currently, I'm testing before it goes live, if anyone has any idea what I can try to space the lines out that will be great
     
    netgo, Jul 3, 2011 IP
  4. MoonlightxSonata

    MoonlightxSonata Well-Known Member

    Messages:
    262
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    140
    #4
    I take it it's the theme in the "Theme URI" line.

    Anyway, try this:

    
    * { margin: 0; padding: 0; }
    body { font-size: 14px; line-height: 24px;}
    Code (markup):
    Change the line-height number to how wide or narrow you want the rows of text in a paragraph to be. The bigger the number the more white space you'll have.
     
    MoonlightxSonata, Jul 3, 2011 IP
  5. netgo

    netgo Active Member

    Messages:
    279
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    75
    #5
    Thanks it works!
    Is there any way to change the width of the content area so it will be more narrow?
     
    netgo, Jul 4, 2011 IP
  6. rohitink

    rohitink Active Member

    Messages:
    370
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    60
    #6
    Mate, try Reading Posts from W3 Schools on CSS. This Will Surely Help you out.
     
    rohitink, Jul 4, 2011 IP
  7. netgo

    netgo Active Member

    Messages:
    279
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    75
    #7
    Anyone knows how to do this?

    Thanks
     
    netgo, Jul 4, 2011 IP
  8. babureddy

    babureddy Peon

    Messages:
    197
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Look for line-height, padding and spacing.
     
    babureddy, Jul 4, 2011 IP
  9. MoonlightxSonata

    MoonlightxSonata Well-Known Member

    Messages:
    262
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    140
    #9
    Play around with this:

    
    #content_left {
    float: left;
    width: 667px;
    }
    Code (markup):
    Change the width (ex. 300px). Press F5 to refresh the page and see what changes.
     
    MoonlightxSonata, Jul 4, 2011 IP
  10. netgo

    netgo Active Member

    Messages:
    279
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    75
    #10
    Thanks but this moves the some of the sidebar elements (not all of them, just the menus) as well
     
    netgo, Jul 6, 2011 IP