[Resolved] How to get all the pages to look like the home page

[Janet Davis]

Hello,

I love how my home page looks with spacing and the book around each post.
How do I get this look on the rest of my site? https://simpleorganicguide.com/

Thank you I appreciate your help.

Jan

[David]

Hi Jan,

so you would like to add a border to the main content and add a bit more padding to create white space?

[Janet Davis]

I am not sure how I set up the homepage so it would do the look of each post.
The posts on every other page doesn’t have the border, padding or size. They look completely different.

Thank you

[David]

OK, so we could add a little CSS to the Customiser > Additional CSS. This would add a simple border and increase the padding to your Posts on desktop only not mobile as space is limited:

@media (max-width: 768px) {
    .single-post .inside-article {
        border: 1px solid;
        padding: 30px;
    }
}

If this is what you’re after we can update the code so its also on Pages etc.

[Janet Davis]

David,

Thank you for the help.
I am confused why it couldn’t be on the mobile version as well. My homepage on the mobile version is the same as the desktop, but moving down.

I am not sure how I have the homepage made but I did it through gp and the plug in WP show boost by Tom Usborne.

How can I get the homepage and the other pages to match.

Thank you
Jan

I added the code but did did nothing.

this is all the css I have on the site.
/*posts align*/

.wp-show-posts-entry-header {
text-align: center;
}

/*social media icon size*/
.widget_wpcom_social_media_icons_widget .genericon {
font-size: 30px;
}

.page .ck_form.ck_naked {
margin: 0 !important;
}

@media (max-width: 768px) {
.single-post .inside-article {
border: 1px solid;
padding: 30px;
}
}

[Tom]

Since your home page is using WP Show Posts and your other pages aren’t, the posts will naturally look different.

What you can do is give this GP posts a border:

.archive .post .inside-article {
    border: 1px solid #005127;
    padding: 30px;
}

[Janet Davis]

Thank you so much for the explanation and the code.

That explains why on the pages I’ve used the WP show posts it was different. Now it all looks great.

BTW I love the WP show posts too.

Have a great day – every day!
Jan

[Tom]

Thank you! You too 🙂

[Author]

Posts