edit the size and text of the categories images

  • Author
    Posts
  • #1556340

    9thartwave
    Member

    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.

    #1556453

    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;
    }
    #1556515

    9thartwave
    Member

    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/

    #1556535

    justpi
    Member
    .archive .box .posted {
    display: none;
    }
    #1556536

    justpi
    Member

    Ah, sorry, you said date and category.

    .archive .box .categories, .archive .box .posted {
    display: none;
    }

    #1556551

    9thartwave
    Member

    is there a way to make the text not bold?

    #1556555

    justpi
    Member

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

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

    #1556556

    9thartwave
    Member

    perfect
    thanks

    #1556558

    justpi
    Member

    You’re welcome.

    #1556565

    9thartwave
    Member

    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?

    #1556568

    justpi
    Member

    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.

    #1556569

    9thartwave
    Member

    why? sth like that

    Archive

    #1556571

    justpi
    Member

    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;
    }

    #1556573

    9thartwave
    Member

    thanks…is there a way to make a 5-column?

    #1556574

    justpi
    Member

    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.

    #1556575

    9thartwave
    Member

    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

    #1556576

    9thartwave
    Member

    although here they have 5

    http://rueckenwind.wordpress.com/

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

    #1556578

    justpi
    Member

    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.

    #1556579

    9thartwave
    Member

    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

    #1556581

    justpi
    Member

    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;
    }

The topic ‘edit the size and text of the categories images’ is closed to new replies.