• Resolved Mirea91

    (@mirea91)


    Hi!

    I can’t for the life of me locate the bit of code that defines the width of the blog page and posts, it needs to be minimum the double of what it currently is to work with my fonts and content.

    Any advise would be helpful.

    Thank you.

Viewing 9 replies - 1 through 9 (of 9 total)
  • Siobhan

    (@siobhyb)

    Hi there,

    Would you be able to provide a link to your site? I’d then be able to access your CSS and be more specific/certain in any guidance I offer.

    I was able to increase the width of the blog page on my test site, with Argent active, using the following custom CSS:

    @media screen and (min-width: 768px) {
    .blog .hentry, .archive:not(.post-type-archive) .hentry, .search .hentry, .single-post .hentry, .single-post .comments-area, .single-post .post-navigation {
        width: 1071px;
    }
    }

    Can you give that a try? You can increase/decrease the value of width to your liking.

    To add custom CSS, firstly set up a child theme or activate a custom CSS plugin. Enter the above snippet in either the editor for your CSS plugin or the style.css file of your child theme.

    Let me know how you get on. If you’d like some further help, please provide the link to your site and I’ll be happy to take a deeper look.

    Thread Starter Mirea91

    (@mirea91)

    Hello,

    That worked perfectly on the blog list-page, but does nothing on the blog posts themselves. My site is here: https://mirea.no

    Siobhan

    (@siobhyb)

    Thank you for sharing the link to your site. 🙂

    You can increase the width of the content on your single posts with the following snippet:

    @media screen and (min-width: 768px) {
    .single-post .entry-content {
        width: 1071px;
    }
    }

    Hope that helps!

    Thread Starter Mirea91

    (@mirea91)

    Thank you, that worked wonders!

    However, now I have a new issue. I’d rather not have the entry data currently showing underneath my featured image showing at all. (Posted on, byline, categories and tags) – Any simple way to remove it?

    Siobhan

    (@siobhyb)

    I’m glad that worked out for you!

    The simplest way to hide the meta information from your site is with the following CSS snippet:

    .entry-meta {
        display: none;
    }

    Let me know how you get on with that.

    Thread Starter Mirea91

    (@mirea91)

    Thank you so much.

    All good now. 🙂

    Siobhan

    (@siobhyb)

    Awesome! I’ll mark this thread as resolved but feel free to start another if you have any extra questions.

    Hi guys, I’ve had the same annoyance with my site, in that I would very much like to have the width of individual blog posts extended. Here’s a link to an example on my site for reference: http://jakemgarcia.com/breaking-down-andrew-calicas-ccbl-success/

    I’ve tried entering the code you provided above and am having no luck. It could easily be a case of me having very little idea of how to implement code, so if you could take a look and offer as detailed instructions as possible of how to enter it in a post, I would really appreciate it!

    jak3garcia – please start a fresh thread so the original poster doesn’t continue to receive email notifications. Thanks!

    https://ww.wp.xz.cn/support/theme/argent#postform

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Blog width too tight’ is closed to new replies.