split categories in two columns

  • Unknown's avatar
    usinarevista · Member ·

    Hi!
    I’m using the Sight Theme. Is it possible to split the category archive in two columns? With each post standing side by side. I don’t mean by that the actual content of the posts.

    It’d be great if the posts could be displayed differently from the front page.

    If this is not a possibility, is there a way to change the size of post-images only in a certain category? I know that by typing

    .entry-thumbnail max-width

    I can do it, but it does the job regardless of the page. As I’ve mentioned above, I’m looking for a different layout.

    One last question. Where it says “category archive: xxxxx” can I omit the category archive and display only the name of it?

    Thanks a lot! My address is http://www.revistausina.com

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

  • Unknown's avatar
    justpi · Member ·

    1. In theory it’s possible, but it’s very complicated because the theme is responsive (it shrinks to adapt to different screen resolutions and mobile devices). And I wouldn’t do it anyway: the length of each post excerpt is different, so the result wouldn’t be neat (on one row the title of the left post might show higher than the title of the right post, on the next row it might be the opposite, etc).

    2. You mean make the featured images smaller when you view a category page? That’s easy. Which category would that be?

    3. Add this: 

    .category .page-title {
color: transparent;
font-size: 0;
}
.category .page-title span {
color: #000000;
font-size: 1.8rem;
}
  • Unknown's avatar
    usinarevista · Member ·

    Hey :)

    1.I guess it isn’t worthy then. It’s not that big of a deal anyway hehe

    3. I changed the as you’ve instructed and it worked perfectly well.

    2. Could you tell me how to change all of them (except front-page) and also a specific one (such as – instantâneos)? It’d be good to try and see which one looks better.

    Thanks a lot justpi, that was a big help!

  • Unknown's avatar
    justpi · Member ·

    You’re welcome.

    To change only the Instantâneos category: 

    .category-407885 .entry-thumbnail {
margin-bottom: 0;
max-width: 133px;
}

    To change all category pages, turn the selector to:
    .category .entry-thumbnail
    To change all archive pages (category, monthly, etc), turn the selector to:
    .archive .entry-thumbnail

  • Unknown's avatar
    usinarevista · Member ·

    Perfect. I appreciate it!

  • Unknown's avatar
    justpi · Member ·

    You’re welcome!

  • The topic ‘split categories in two columns’ is closed to new replies.