[SOLVED] Categories page ~ Resize grey border?

[PeteFF]

Hi

 

How do I change the sizing of the grey bordering at the top of the categories page, form the rectangular to a smaller square, or even remove the bordering altogether?

 

http://fotograaf-noord-brabant.com/en/15-love-shoot-

 

Thanks

 

 

[vekia]

it's because your images aren't squares:

 

go to preferences > images and change width & height of an image named category_default

change sizes to squate (now you've got rectangle)

[PeteFF]

After changing the size, 250 x 250, it aligns the picture to the left with a massive margin  around the photo.

 

 

[vekia]

ok we are step closer

 

now it's time to modify css styles, remove this:

.content_scene_cat {
padding: 0px;
border: 1px solid #ccc;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
-moz-box-shadow: 0 1px 1px #e2e2e2;
-webkit-box-shadow: 0 1px 1px #e2e2e2;
box-shadow: 0 1px 1px #e2e2e2;
}

from http://fotograaf-noord-brabant.com/themes/default/css/category.css line ~10

 

and add there this simple code:
 

.align_center {text-align:center;}

effect:

[PeteFF]

Perfect, Thank you

[vekia]

you're welcome

im so glad that i could help you a little

 

i marked whole topic as [solved]

 

with regards,

Milos