$#*&^@#$*&!!!!! - It's simple, right?

[mk1151]

Ok,
All I want to do is place the titles of the sub-categories either centered above or below the picture tile.

I've searched help, advanced search, read three different forums, and nothing. I've seen total customization (which I don't want) that does it, but nothing that "simply" centers the text above or below instead of it being set to the right of the image (the stock setup).

Any help would be appreciated.

:scratch

[denisegoldberg]

All I want to do is place the titles of the sub-categories either centered above or below the picture tile.

I've searched help, advanced search, read three different forums, and nothing. I've seen total customization (which I don't want) that does it, but nothing that "simply" centers the text above or below instead of it being set to the right of the image (the stock setup).
See # 10 in the advanced customization FAQ at http://www.dgrin.com/showthread.php?t=52811. It will change your category and subcategory displays to be 4-across with the thumbs above the titles.

--- Denise

[mk1151]

See # 10 in the advanced customization FAQ at http://www.dgrin.com/showthread.php?t=52811. It will change your category and subcategory displays to be 4-across with the thumbs above the titles.

--- Denise

Yeah - I read that already...

I don't want 4-across, I just want the titles centered. I tried taking the relevant code that appeared to center the text from that FAQ but they just centered them within what appeared to be a table to the right of the gallery box - they didn't center them above/below the gallery box.

[jfriend]

Yeah - I read that already...

I don't want 4-across, I just want the titles centered. I tried taking the relevant code that appeared to center the text from that FAQ but they just centered them within what appeared to be a table to the right of the gallery box - they didn't center them above/below the gallery box.

You would need everything from the 4-across code, but if you only want 2-across, you would either make the container narrow (so only two across will fit) or you would just make the miniBox be larger so that only two across would fit in the current container.

I'd have to ask why you don't want 4-across when there would clearly be plenty of room for that rather than lots of empty space between the thumbs or on the side of the thumbs.

If you want to plug-in the 4-across code and then give us a site link, I can help you make it back to 2-across, but not without seeing your site.

[ashishpandey]

Yeah - I read that already...

I don't want 4-across, I just want the titles centered. I tried taking the relevant code that appeared to center the text from that FAQ but they just centered them within what appeared to be a table to the right of the gallery box - they didn't center them above/below the gallery box.

Something like my gallery page (which is just a category page showing galleries)
http://photography.ashish-pragya.com/galleries

If yes, all I did was:
1. Change size of boxes so that the width is just enough to contain gallery thumbnail. Gallery title then just wraps below the thumbnail
2. Change styles for title to show them larger
3. Hide gallery description

The style I have used is:
.category_Galleries .category .miniBox {
background:transparent url(http://photography.ashish-pragya.com/photos/415609598_3vKqf-O.png) repeat scroll 0 0;
border-bottom:0 none;
margin:5px;
padding:5px 3px 5px 5px;
text-align:center;
width:160px;
}

Galleries is the name of the category I have this applied on (you can apply to all if you want)

[mk1151]

You would need everything from the 4-across code, but if you only want 2-across, you would either make the container narrow (so only two across will fit) or you would just make the miniBox be larger so that only two across would fit in the current container.

I'd have to ask why you don't want 4-across when there would clearly be plenty of room for that rather than lots of empty space between the thumbs or on the side of the thumbs.

If you want to plug-in the 4-across code and then give us a site link, I can help you make it back to 2-across, but not without seeing your site.

Thank you - I put the code in and it is 4-across but centered... the reason why I only wanted 2 across is because with smaller screens the two-column display natively displays quite well. I'll have to see how this plays out.

Now - any clue how to change the font size? I am using the Body command in my style sheet and it seems to apply to everything except the gallery titles. I tried adding a font size param into the code next to the title variable (I even tried an !important flag) and I doesn't change anything.

thanks again!

[jfriend]

Thank you - I put the code in and it is 4-across but centered... the reason why I only wanted 2 across is because with smaller screens the two-column display natively displays quite well. I'll have to see how this plays out.

Now - any clue how to change the font size? I am using the Body command in my style sheet and it seems to apply to everything except the gallery titles. I tried adding a font size param into the code next to the title variable (I even tried an !important flag) and I doesn't change anything.

thanks again!

As I said in my previous post, we need your site URL in order to help any further. It works best if you add it to you dgrin signature so it's always there.

[mk1151]

As I said in my previous post, we need your site URL in order to help any further. It works best if you add it to you dgrin signature so it's always there.

Not sure why you would need my site (not that I mind sharing of course) in order to tell me the string to set font size for the album titles?

I found what I was looking for by searching on the specific variable name in the customization forum:

The correct code to go into the CSS area is:
.miniBox .albumTitle a.nav {font-size: xxpt;}

Optionally you can use the "!important" flag if it doesn't work as-is.

Hope that helps others... many thanks to those who responded and helped out!

[jfriend]

Not sure why you would need my site (not that I mind sharing of course) in order to tell me the string to set font size for the album titles?

I found what I was looking for by searching on the specific variable name in the customization forum:

The correct code to go into the CSS area is:
.miniBox .albumTitle a.nav {font-size: xxpt;}

Optionally you can use the "!important" flag if it doesn't work as-is.

Hope that helps others... many thanks to those who responded and helped out!

I only give CSS formatting advice when I can actually try it out on a simulation of your real site. That's because themes and other customization you have can affect what CSS is needed to accomplish a particular goal and I don't want to go back and forth multiple times when I can't see what you are seeing. I like to give advice once and know it will do what you asked for. Anyway, glad you figured it out yourself.

[mk1151]

I only give CSS formatting advice when I can actually try it out on a simulation of your real site. That's because themes and other customization you have can affect what CSS is needed to accomplish a particular goal and I don't want to go back and forth multiple times when I can't see what you are seeing. I like to give advice once and know it will do what you asked for. Anyway, glad you figured it out yourself.

Makes sense - I used to be an HTML coder (back in the days of 1.x about 15 years ago)... style sheets and Java are a bit new to me but I already debugged the code and ran it through to ensure I wasn't missing anything... I just needed the right command string.

I'm getting up to speed on the syntax now so I don't expect to have many more "noob" questions :)

Again, thank you for responding and helping out!