[Resolved] How to customize Blog Section

Home Forums Support [Resolved] How to customize Blog Section

Home Forums Support How to customize Blog Section

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #626720
    Ravi Dixit

    Hey there
    I want to customize blog section of my blog.
    I want a simple and clean looking blog post list. Like this one

    https://www.hakseo.com/wp-content/uploads/2018/07/IMG_20180718_210513.jpg

    And this is now my blog section looks like.
    https://hakseo.com/blog/

    Can you help to make my blog more professional.
    I have little knowledge of CSS so if you share the CSS selectors then I can customize it in my way.

    Thanks

    GeneratePress 2.1.3
    #626805
    David
    Staff
    Customer Support

    Hi there,

    Suggestions:

    Reduce Container width to say 1200px. In the Customiser > layout > container. That will hit the blog, posts and pages.

    For the pages where you’re using Elementor you can use the Layout > Pagebuilder module to set this to full width and then control your design in Elementor. See here:
    https://docs.generatepress.com/article/page-builder-container/

    Change your body background color in Customiser > Colors > Body > Background color for contrast.
    Adjust your heading styles in Typography > Headings and Colors > Content > Heading.

    The CSS selectors for specific styling of elements you have on your site:

    Entry Summary:
    .entry-summary
    a.read-more

    Footer Meta:
    .cat-links
    .comments-link
    .tags-links
    footer.entry-meta .byline
    footer.entry-meta .posted-on

    #627061
    Ravi Dixit

    Thanks David for you awesome suggestion.

    Actually I am in GP Premium 1.6.2 , sorry for that.

    Can you please describe me how can I make the read more button to full width.
    And
    .entry-summary is the class selector for blog list container.

    Thanks

    #627233
    David
    Staff
    Customer Support

    Increase the read more like so:

    a.read-more {
        width: 100%;
    }

    So the blog posts are article.post which have an .inside-article wrapper within containing in current order: .entry-header .post-image .entry-summary footer.entry-meta

    So .entry-summary is the text excerpt in each post.

    The list container is .site-main

    #628082
    Ravi Dixit

    It works man. Thank

    #628187
    David
    Staff
    Customer Support

    Glad to be of help 🙂

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.