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

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

Home Forums Support How to get all the pages to look like the home page

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #637186
    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

    GeneratePress 2.1.3
    #637229
    David
    Staff
    Customer Support

    Hi Jan,

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

    #637244
    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

    #637262
    David
    Staff
    Customer Support

    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.

    #637274
    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;
    }
    }

    #637378
    Tom
    Lead Developer
    Lead Developer

    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;
    }
    #637410
    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

    #637440
    Tom
    Lead Developer
    Lead Developer
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.