Need help? Check out our Support site, then


edit the size and text of the categories images

  1. hello, how can I edit the size of the categories images in order for instance all to be the same, like in this page
    http://panosantonopoulos.com/category/paintings/

    and how can I edit the text, either to remove it or just add whatever I need below each image

    The blog I need help with is 9thartwave.com.

  2. All images would have to have the same proportions when uploaded and set as the featured image. Example: 4:3 (400 x 300, 800 x 600, 1200 x 900, etc.) for them to appear display at the same size in category/tag/archive pages - and the home page as well. This is of course easier to do if all images are portrait, or all images are landscape, but can still be difficult if the original images do not have the same proportions.

    The following will get rid of the excerpt text on archive/tag/category pages.

    .archive .box .rel p {
        display: none;
    }
  3. thanks, so in case that images are not the same, i will have to make them one by one, correct?

    how to remove date and category from posts when appeared in pages? for instance here

    http://panosantonopoulos.com/category/paintings/

  4. .archive .box .posted {
    display: none;
    }
  5. Ah, sorry, you said date and category.

    .archive .box .categories, .archive .box .posted {
    display: none;
    }
  6. is there a way to make the text not bold?

  7. If you mean the post titles on archive pages, add this:

    .archive .box h1 a {
    font-weight: normal;
    }
  8. perfect
    thanks

  9. You're welcome.

  10. hi again, sorry for reopening the post, but it was one of my previous questions in this one that

    thesacredpath

    replied. I am trying to decrease the size of the featured images as shown in the categories, eg. http://panosantonopoulos.com/category/paintings/

    but I crop the smaller without any result. Is there any css code to specify the size?

  11. Decrease the size? And what will happen to all the extra space then? More white space around each image? This would look very bad, in my opinion.

  12. That's a 3-column gallery of images of unequal shapes, with lots of space on the left side of the page. Yours is a 4-column category of posts that have to remain where they are. Try this and see if you like it:

    .category .box .attachment-homepage-thumb {
    height: auto;
    width: 160px;
    }
  13. thanks...is there a way to make a 5-column?

  14. As far as I know, no: the layout on Imbalance isn't CSS-based, it's produced by the 'masonry' script that uses absolute positioning for each post.

  15. i see...

    two last, hopefully, things

    is it possible to move the title (Paintings) further left

    and

    how can I have each images description aligned in the middle?

    for all categories pages

  16. although here they have 5

    http://rueckenwind.wordpress.com/

    how did they manage to extend the blog to the whole page?

  17. That's the fluid grid layout: you select it in Appearance > Theme Options.
    It's not 5 columns, it's as many columns as can fit in the visitor's screen: on lower resolution screens it will be 4, on mobile devices it can turn to 3 or 2 or even 1. Drag the browser window to make it narrower and see for yourself.

  18. what about this?

    i see...

    two last, hopefully, things

    is it possible to move the title (Paintings) further left

    and

    how can I have each images description aligned in the middle?

    for all categories pages

  19. 1.

    .archive .page-title {
    margin-left: 0 !important;
    }

    2.
    Turn my previous suggestion to this:

    .category .box .attachment-homepage-thumb {
    height: 160px;
    margin: 0 auto 15px;
    width: 160px;
    }

    and add this too:

    .archive .box h1 {
    text-align: center;
    }
  20. perfect, many thanks

  21. You're welcome!

Topic Closed

This topic has been closed to new replies.

About this Topic