Center portfolio category galeries

[Rico79]

What I am trying to do is to group my Portfolio category galleries in group of 3 per line and would like to have them centered with my banner. How can I achieve this?

www.eyerickphoto.smugmug.com/portfolio

I tried a few things but it looks like I have conflicting CSS since I have recently added some code to group galleries 5 per line (under my customers section) and still have some old code that when I prefered 4 per line. I'm not clear on what to add/remove so I can only make my portfolio to group per 3/line and centered.

Thank you!

[pjspics]

What I am trying to do is to group my Portfolio category galleries in group of 3 per line and would like to have them centered with my banner. How can I achieve this?

www.eyerickphoto.smugmug.com/portfolio (http://www.eyerickphoto.smugmug.com/portfolio)

I tried a few things but it looks like I have conflicting CSS since I have recently added some code to group galleries 5 per line (under my customers section) and still have some old code that when I prefered 4 per line. I'm not clear on what to add/remove so I can only make my portfolio to group per 3/line and centered.

Thank you!


I am no expert but try this in your CSS:

.category .category_Portfolio {
width:537px !important;
}

If this doesn't work you will have to wait for one of the real 'experts' to have a look.
I have similar code on my site and it works for me.

[Rico79]

bump - previous reply/answer did not fix issue.

Hopefully someone can assist.

Many thanks.

[photokandy]

Try this:

#category #galleriesBox
{
width:537px;
margin: 0px auto;
}

[Rico79]

Thanks Kerry - it has fixed the problem! Now... how do I get to apply the same logic for my portfolio page on the French side of my site? I tried a few combination (with subcategory, etc.) but it did not work. Basically, my portfolio is considered a sub-category reporting to the parent category French.

http://www.eyerickphoto.smugmug.com/Francais/Portfolio

Thks again.

Try this:

#category #galleriesBox
{
width:537px;
margin: 0px auto;
}

[photokandy]

I'm glad that worked for you. Looking at your french portfolio, it looks like the width is being explicitly specified elsewhere in your CSS. Look for something setting it to 920px. If it's not there, I think we might be able to get around it, but there should be a rule in there somewhere. When that's gone, the 537px should take effect and make everything nicely centered.

Hope that helps...

[Rico79]

You are absolutely right. I do have it enforced at 920px for my French client category - since I really wanted 5 galleries across.

Now, how can I just code that I want 920px for my subcategory "Client" under French category and 537px for my subcategory Portfolio under French category.

Thanks for your help!
Cheers!


I'm glad that worked for you. Looking at your french portfolio, it looks like the width is being explicitly specified elsewhere in your CSS. Look for something setting it to 920px. If it's not there, I think we might be able to get around it, but there should be a rule in there somewhere. When that's gone, the 537px should take effect and make everything nicely centered.

Hope that helps...

[photokandy]

If you just want the clients category to be 920px and not the whole French category to be 920px, you should be able to change your CSS from "category_Francais" to "subcategory_Clients" and have the clients page be 920px wide, but the portfolio be 537px wide. I think.... it's getting late, so my eyes are a bit crossed!

Hope that helps!