Need HELP with category box on homepage

[aswilson]

My webpage is almost complete but there are a few adjustments I would like to make. On my homepage, I have it set up so there are two categories to enter, Photography and Manipulations. I have entered CSS to make the text appear below the images but I would also like to:

1. Center the category thumbnails and make them as large as possible
2. Center the text below the thumbnail but larger

My website is http://www.andrewwilsonphotography.com

I've spent a lot of time reading and haven't found solutions that have worked.
Any help would be appreciated!

[Andy]

Bump!

[Andy]

Huh Sorry for the pm, posting questions has been fruitless so far...
Hi Andy,

Thank you for being so generous in helping others customize their websites. I know you've asked to not use personal messages but I'm not sure what else to do.

I've spent hours searching the forums and I have posted questions but haven't found the answer to a couple customizations. On my website, http://www.andrewwilsonphotography.com, I have it set to category view where there are two choices, Photography or Manipulations. I have entered CSS to make the category titles appear beneath the thumbnails, but I cannot figure out how to:

1. Make the thumbnails and text centered in the category box
2. and how to make the category titles a larger font size

I'm not very familiar with CSS but I think I just need the proper tags that control these objects. I would greatly appreciate help with this. Thank you for your time

Bump :D

You just need to 'bump' your thread. The helpers will help, I Promise.

[richW]

Bump :D

You just need to 'bump' your thread. The helpers will help, I Promise.Are you only going to have three categories on the homepage?
If so, change the 'four accross' css you have to this:

.homepage .miniBox {width:150px; text-align:center; height:210px; margin:0 46px;}
.homepage .miniBox .photo {float:none; width:150px; height:auto; _height:1px;}
.homepage .miniBox .albumTitle {width:150px;}
.homepage .miniBox .description {width:150px;}
.homepage .miniBox .updated {width:150px;}

.homepage .miniBox .albumTitle .nav {font-size: 24px !important;}

It will give you a starting point to work from

[aswilson]

Are you only going to have three categories on the homepage?
If so, change the 'four accross' css you have to this:

.homepage .miniBox {width:150px; text-align:center; height:210px; margin:0 46px;}
.homepage .miniBox .photo {float:none; width:150px; height:auto; _height:1px;}
.homepage .miniBox .albumTitle {width:150px;}
.homepage .miniBox .description {width:150px;}
.homepage .miniBox .updated {width:150px;}

.homepage .miniBox .albumTitle .nav {font-size: 24px !important;}

It will give you a starting point to work from

Thanks Rich

I implemented the code and it successfully made the text larger but now the box is too small and you can't see all the text. I tried fooling around with the numbers in the code to adjust that but changing the things that looked logical to me made no changes to the appearance. I don't know what parts of the code control the needed changes in the appearance. Is there a diagram available that shows the controls? Also, I plan on having only two categories to choose from and not three. I still would like to center the two thumbnails. I played with the margins but it did not seem to help. I dont' know much about CSS. More help please!:scratch

Thank you for your time!

Andrew
http://www.andrewwilsonphotography.com

[richW]

Thanks Rich

I implemented the code and it successfully made the text larger but now the box is too small and you can't see all the text. I tried fooling around with the numbers in the code to adjust that but changing the things that looked logical to me made no changes to the appearance. I don't know what parts of the code control the needed changes in the appearance. Is there a diagram available that shows the controls? Also, I plan on having only two categories to choose from and not three. I still would like to center the two thumbnails. I played with the margins but it did not seem to help. I dont' know much about CSS. More help please!:scratch

Thank you for your time!

Andrew
http://www.andrewwilsonphotography.comIn your css section, right above and below the FAQ #18 css, there are two dashes ( -- ) that need to be removed.

Try this for 'two across'
.homepage .miniBox {width:150px; text-align:center; height:210px; margin:0 106px;}

[aswilson]

In your css section, right above and below the FAQ #18 css, there are two dashes ( -- ) that need to be removed.

Try this for 'two across'
.homepage .miniBox {width:150px; text-align:center; height:210px; margin:0 106px;}

Perfect! Thanks for the great start! I'll have to play with the numbers to get it just right.