Layout of posts and post summary/archive page

  • rodeboy

    #7756

    Hi, I am working on http://www.rogerhaywood.com and this request for help relates to the display of posts and the posts summary page which is at http://www.rogerhaywood.com/category/the-art-of-the-bleedin-obvious/

    Firstly on the Post page;

    1) The white space between the heading and the first line needs to be reduced by about half. Is that possible please by CSS coding?

    Secondly, on the post summary/archive page;

    2) The font for the blog extract needs to be larger. Can this be changed by CSS coding please?

    3) Layout is for full width. Can this be changed in the same way as post/pages can, or maybe create a table for this archive page? I have General themes option set for full width, and change on pages/posts as required.

    Thanks in advance for help.

    Chris

    rodeboy

    #39233

    Any thoughts on this guys please?

    Your time and assistance is very much appreciated.

    Chris

    Admin

    Syahir Hakim

    #39234
    Quote:
    1) The white space between the heading and the first line needs to be reduced by about half. Is that possible please by CSS coding?

    Try this:

    .entry-content h1:first-child {
    margin-top: 0;
    }

    Quote:
    2) The font for the blog extract needs to be larger. Can this be changed by CSS coding please?

    .entry-content,
    .sidebar,
    .comment-entry {
    font-size: 16px;
    }

    Quote:
    3) Layout is for full width. Can this be changed in the same way as post/pages can, or maybe create a table for this archive page? I have General themes option set for full width, and change on pages/posts as required.

    You will need to use a child theme to achieve this.

    rodeboy

    #39235

    Thank you Syahir,

    The first point works a treat, but the second one changes the font size on all the pages unfortunately. It’s just this page where I need the extracts font larger please https://www.rogerhaywood.com/category/the-art-of-the-bleedin-obvious/

    I’ll get back to my customer once we have changed the font size (if this is achievable) and see how important the layout issue is to him.

    Thanks and regards,

    Chris

    Admin

    Syahir Hakim

    #39236
    Quote:
    The first point works a treat, but the second one changes the font size on all the pages unfortunately. It’s just this page where I need the extracts font larger please https://www.rogerhaywood.com/category/the-art-of-the-bleedin-obvious/

    Try this:

    .category-4 .entry-content {
    font-size: 16px;
    }

    rodeboy

    #39237

    Works a treat. Thanks Syahir.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.