Narrow width for categories/post list?

  • Resolved Justin Tuijl

    (@static1635)


    2 months, 3 weeks ago

    Hi

    How do I change the posts list / categories list to follow the pages/posts in narrow width?

    Currently all my post pages are wide as they follow the “General > Layout” width which is wider for the front page, while I have the other pages and posts on narrow width. I’d like the post lists to follow the style of those narrow pages.

    Thanks for any help, Justin

    The page I need help with: [log in to see the link]

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

  • Hello @static1635

    I’m really sorry to say, but archive pages currently do not support the “narrow” width design. It is not possible to achieve this without additional CSS. ??

    Thanks.

    Thread Starter Justin Tuijl

    (@static1635)

    Sorry, I didn’t write the above properly. What was trying to figure out is what CSS would affect it. Been playing around with the containers but in the end I was unable to move the margins on just the post list pages. Messing about with CSS is no problem at all. My Blocksy is running on a child theme. Cheers.

    • This reply was modified 2 months, 3 weeks ago by Justin Tuijl.

    Hi @static1635

    The main selector would be – #main .ct-container. And you can drill it down by selecting the relevant class from the <body> tag. Use the max-width propriety on it.

    Let me know if it works for you.

    Thanks.

    Thread Starter Justin Tuijl

    (@static1635)

    Thank you, I was fiddling with ct-container, thanks for confirming I was on the right track.

    Cheers!

    You are most welcome, @static1635! ???♂?

    Thread Starter Justin Tuijl

    (@static1635)

    I was wondering though, is it not possible to pull the “narrow” CSS and apply it to ct-container? Be a better way to make sure they all match across the site?

    Hi @static1635

    Yep, it should definitely be possible. Check out the --theme-narrow-container-max-width CSS variable, which you can use in your code. ??

    Thanks.

    Thread Starter Justin Tuijl

    (@static1635)

    Works a treat:

    .ct-container {
    max-width: var(–theme-narrow-container-max-width);
    }

    https://www.justintuijl.com/tag/about/

    Now tags/categories/pages/posts all use narrow width ?? just the homepage is wide

    Thanks for your help

    • This reply was modified 2 months, 3 weeks ago by Justin Tuijl.

    Super news, @static1635! Glad to hear things are a-OK!

    Take care!

    Thread Starter Justin Tuijl

    (@static1635)

    I think Blocksy is a very splendid theme indeed, I don’t really understand why it isn’t possible to have a single setting to make pages/posts/post lists all one width. I’d have thought many would like the homepage wide and the rest of the content a single different width. Or perhaps it’s just me! I realise the general customizer Maximum Site Width changes the whole site as one but then you can’t have the homepage different. I have had to add a plugin to force the sidebar to the side of the screen too as the narrow width would push the sidebar with it, which would then force the opposite side right to the edge. Even with the wide width I can’t force the standard sidebar to stick to the edge of the screen.

    Anyway, just saying.

    Hello @static1635

    Have you tried checking out our tutorial here – https://creativethemes.com/blocksy/video-tutorials/customization/checking-out-blocksys-individual-post-page-settings/. Some of these options are configurable per page.

    This should be similar to the options you’re looking for. ??

    Let me know if this helps.

    Thread Starter Justin Tuijl

    (@static1635)

    Thank you. Super stuff.

    You are welcome, @static1635 ??

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