mmcmahon
Member
Posted 1 year ago #
I have used this code to cover up the "sidebar" or whatever it was hanging on the side of my blog post with this code:
.single .post{
float:none;
margin:0 auto;
overflow:hidden;
width:800px;
}
.single .post .entry-meta {
display: none;
}
I would like my blog however to be centered under the main picture at the top of the page. Right now it is off to the left.
http://melissa-mcmahon.com
IF I change the 800px in the above code, the logo no longer lines up on the post pages as it is ligned up to the home page.
How can I center this text and photos?
Do you want to center the post title as well or just the content?
mmcmahon
Member
Posted 1 year ago #
I'd like to center the content and have it all still justify to the left, but just be centered under the main picture.
What would be even better would be to get the content to be 800 px wide (same as the main page and the main picture at the top of the blog pages). Right now my pictures are all that size, however there are being reduced to fit into the width that the blog content is fixed at and I can't find the code where to change that!!
Removing width: 590px; from
.single .post .entry-content, .single .attachment .entry-content { ... }
will get the content to be the same width as the main page.
For the images, remove the following block:
.single .post .entry-content img {
height:inherit;
max-width:585px;
}
mmcmahon
Member
Posted 1 year ago #
brilliant! Thanks Joseph!!
mmcmahon
Member
Posted 1 year ago #
Oh, Joseph, how do I do the same thing to the "about my kitchen" page?
http://melissa-mcmahon.com/?page_id=23
Remove the width property from .page .page .entry-content { ... }.
mmcmahon
Member
Posted 1 year ago #
you rock dude. I need to buy you a drink!!
