• http://lindalush.com

    I have a few css issues I need assistance with…I have a child theme set up and it’s ready to go.

    Most of my issues are with pages, and not posts. Posts seem fine, but pages have a lot of wasted space where nothing goes.

    1.) On pages only, I would like the vertical line and all the space to the left of it gone for good. I want to leave this intact on posts.

    2.) On pages only, I would like to have the navigation space and comment space removed. As it is, there is a huge chunk of useless space at the bottom of pages. (perhapes this is how the theme earned it’s name?)

    3.) On pages only, I would like the page content width and title width to be 800px.

    I made a few CSS changes, but they affect both pages and posts. I can’t seem to isolate the page only portion.

    Here is what I currently have in my child theme. I’m somewhat on the right track, but when I dig deeper, it only becomes confusing to me.

    @import url(“../chunk/style.css”);

    /* center widget area */

    #widgets {
    text-align: center;
    }

    /* remove ugly left border */

    #contents {
    background-color: #FFFFFF;
    border-left: 0px solid #CCCCCC;
    height: auto;
    margin-left: 0px;
    padding-bottom: 10px;
    }

    /* remove beneath content */

    .hentry .main, .main, #comments, .navigation, #widgets, .widget-area .widget, #footer {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    }

    /* move menu items to the left */

    #menu li {
    float: left;
    }

    /* remove padding from menu & change border colors */

    #menu {
    border-bottom: 3px solid #000;
    border-top: 0px solid #DDD;
    margin-bottom: 25px;
    padding: 0px;
    text-align: right;
    width: 800px;
    }

    /* change content with */

    .page .hentry .main {
    width: 800px;
    }

    I understand the navigation space at the bottom of posts, since they have a “next” and “previous” post – however, pages don’t – so this is just useless to me. The same thing with that extra space to the left; posts make use of it by having a date and category option, while pages do not. It just looks like something is missing.

    Thanks, guys!

The topic ‘css help please’ is closed to new replies.