CSS for Label theme: post width

  • Unknown's avatar
    jfn2nd · Member ·

    I’m trying to widen the text area on a blog post page on my theme, and am not having much luck. Any help would be appreciated.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    charleybea · Member ·

    Hello @jfn2nd,

    I believe I understand the area you’re wanting to adjust, but let me know if this isn’t what you meant. I was looking at a post page when suggesting the following changes:
    https://johnfrancisnooney.com/2016/05/13/springs-past/

    You can fix the post width to be larger with some custom CSS. To add CSS using the editor, go to your Customizer and click on the CSS tab.

    Copy and paste the following code at the bottom of the editor:

    .container {
max-width: 88.236rem !important;
}

.content-single {
max-width: 100% !important;
}

    Essentially what this does is widen the area holding the post and sidebar to be as wide as your header image (1500px) but still keeps the measurements in rem – which will allow the changes to size appropriately for the screen viewing them.

    If you want the post area to be more wide, you’ll need to adjust the width percentage for both the post and sidebar to equal 100%. Here’s the original sizing for both (post width is first set and sidebar is second set):

    .singular.themes-sidebar1-active:not(.page-template) .entry-single {
width: 66.66667%;
}

.sidebar-main {
width: 33.33333%;
}

    I hope this helps! If you give this a try, let me know how it goes. Happy to answer additional questions as well. :)

  • Unknown's avatar
    jfn2nd · Member ·

    Yes! Yes! And Yes! That is exactly what I was wanting. For blog posts that are images, the size was ok. It was the text posts that were off — the text felt like a long, skinny box. The extra width makes it feel less cramped.

    (like this page: https://johnfrancisnooney.com/2019/01/30/remembering-david/ )

    Thank you so much for the help! I really, really appreciate it!

    (Yes, ok, lots of exclamation points, but this makes me happy!!!!!!!) :)

  • Unknown's avatar
    charleybea · Member ·

    Awesome! So glad it worked for you and that I could help. Anytime :)

  • The topic ‘CSS for Label theme: post width’ is closed to new replies.