Help With A Few CCC Issues, Please

I don’t see any pages, only one post page. Can you post a link to a specific page as an example?

sorry about that

https://lindalush.com/about/

The page looks fine, except for the little navigation space at the bottom. I can even live with that if necessary – but the post page, the way all the info on the left hangs out beyond the 800px is killing me.

Thanks!

Everything seems OK from what I can see. Your child CSS is being applied correctly because I don’t see a vertical line on the left, the extra space is gone, and the content area is 800px wide. Maybe you need to flush your browser’s cache? You should also deactivate WP Super Cache if you are making changes to your site, so that changes appear more quickly (or do a cache refresh after making changes).

I cleared my cache and I’m seeing the same thing across two browsers. Perhaps my description was a little confusing.

Basically, I only wanted Pages affected by my changes, and not posts – but it appears that my attempt to change pages also changed posts.

In posts, I actually want the vertical line and the space to the left for the date and category info normally lives – I only wanted that blank space removed on pages because there was no info to be placed there – it just looked like a sidebar. The pseudo-sidebar is gone from the page with the changes I made, but it also removed it from the post’s. Have a look at https://uncrunched.com/ – I would like my posts to look like their home page, with the pseudo-sidebar remaining within the content width. As I see it, all the date and category info currently sit outside of this area.

Sorry for the confusion, but if you compare my post layout with https://uncrunched.com/ layout, it may give you a better idea of my issue. Thanks!

No, you’re right, my bad, I didn’t read your original post very carefully.

OK, themes which are correctly put together will call a function called body_class() that will add certain classes to the body element so you can target CSS for different types of pages: single posts, pages, archives, index (blog), etc. For single posts, the body element will be assigned the class single-post. For pages, the body element will be assigned the class page. So if you want your CSS to affect only a specific type of page, you add the class to the front of your selector. You already did this in the last rule you posted above, which sets the content width for just pages.

So, if you wanted to hide the vertical line on just pages, you would use a rule like this:

.page #contents {
   border-left: 0;
}

This should hide the border on just pages and not posts.

That worked great!

One last thing and I’m done –
On pages, at the bottom – the little 1px horizontal line above the broad horizontal line – I want it and the space betwen the two lines gone. It’s where comments and navigation goes. I reduced it as much as possible with:

/* remove beneath content */

.page .navigation, #comments {
display: none
}

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

But I don’t think that is completely right because my posts are also affected with this. I tried isolating it by using just the .page .navigation #comments {display = none } thing, but it left even more space than what I currently have.

Ok – something is definitely not right with what I have – when I click “
leave comment” on posts, nothing happens and no comment window appears. This is becoming a pain.

Is there anyway I can draw up an image of this site in photoshop, then post the pics and get the code I need for the end result? I can do this in two minutes in PS, but all this CSS code and trying to describe an issue across two page types has me baffled.

I removed what css code I had that got close to the result, but it blotched up comments on posts. I had this, but it was messing something up –

.page .navigation, #comments {
display: none
}

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

I removed the code from my child theme, and now I have the full space visible that I need removed at the bottom of pages – https://lindalush.com/about. Everything from the bottom of the share icons to the thick, black line needs to be removed. (The light gray horizontal line and the empty space beneath it.)

To remove the light gray line on pages:

.page .hentry .main {
   border-bottom: 0;
}

Most of the empty space is taken up by the comments and navigation area, so you can close up that space with this (the only thing you were missing was the .page selector before #comments; each selector that is separated by a comma needs to be written out in full):

.page .navigation,
.page #comments {
   display: none;
}

The only other thing that you might want to adjust is the top margin for the widget area, which is currently set to 30px. You can add this rule:

.page #widgets {
   margin-top: 30px;
}

And change the value to whatever looks good. You can even set it to zero (0) if you want to eliminate the whole top margin.

absolutely perfect! thank you so much for your time and effort with this!