edit the size and text of the categories images

• 

  9thartwave · Member · Dec 8, 2013 at 7:56 pm

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  thesacredpath · Member · Dec 9, 2013 at 8:25 pm

  • Copy link

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

• 

  9thartwave · Member · Dec 10, 2013 at 12:17 am

  • Copy link

  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/

• 

  justpi · Member · Dec 10, 2013 at 7:03 pm

  • Copy link

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

• 

  justpi · Member · Dec 10, 2013 at 7:05 pm

  • Copy link

  Ah, sorry, you said date and category.

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

• 

  9thartwave · Member · Dec 10, 2013 at 11:16 pm

  • Copy link

  is there a way to make the text not bold?

• 

  justpi · Member · Dec 11, 2013 at 9:03 am

  • Copy link

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

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

• 

  9thartwave · Member · Dec 11, 2013 at 9:16 am

  • Copy link

  perfect
  thanks

• 

  justpi · Member · Dec 11, 2013 at 10:17 am

  • Copy link

  You’re welcome.

• 

  9thartwave · Member · Dec 11, 2013 at 6:02 pm

  • Copy link

  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?

• 

  justpi · Member · Dec 11, 2013 at 8:45 pm

  • Copy link

  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.

• 

  9thartwave · Member · Dec 11, 2013 at 9:07 pm

  • Copy link

  why? sth like that

  http://robinlennoxstewart.com/archive/

• 

  justpi · Member · Dec 11, 2013 at 10:06 pm

  • Copy link

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

• 

  9thartwave · Member · Dec 11, 2013 at 11:40 pm

  • Copy link

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

• 

  justpi · Member · Dec 12, 2013 at 12:18 am

  • Copy link

  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.

• 

  9thartwave · Member · Dec 12, 2013 at 12:23 am

  • Copy link

  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

• 

  9thartwave · Member · Dec 12, 2013 at 12:25 am

  • Copy link

  although here they have 5

  http://rueckenwind.wordpress.com/

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

• 

  justpi · Member · Dec 12, 2013 at 7:26 am

  • Copy link

  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.

• 

  9thartwave · Member · Dec 12, 2013 at 9:13 am

  • Copy link

  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

• 

  justpi · Member · Dec 12, 2013 at 4:13 pm

  • Copy link

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