Photo Seller – any way to center gallery and album display?

[batracy]

Instead of everything being left adjusted, I would like to have the gallery and album thumbnails centered in the space available. Is this possible? I’ve tried to edit the css without any success.

[Peter]

Hi,

Can you please provide a link to the page you want centred so I can take a look using firebug. (please remove any custom CSS code you may have applied)

[batracy]

Thanks Peter, but I figured it out. Although I’m not sure where I should add my custom CSS code so it will override the default settings. What I changed is in Template 2 I removed the float: left, and changed the display to inline-block. Where do I code these changes so that updates will not erase them?

Also have another question, but will start a new thread for that as it is not related to the current subject.

[Peter]

Simply do the following:

1) Go and grab the following plugin:

http://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413

2) Then add your CSS code in the settings of the above plugin.

[batracy]

Normally this would work, but the styles I’m changing are for the album display which gets loaded just before the album code is inserted. Hope that makes sense. So, is there another way to change the album css so that updates won’t destroy my changes?

[Peter]

I don’t quite understand your concern. Have you tried doing what I suggested anyway?

What is the actual custom CSS code you are trying to apply?

[batracy]

Yes, I have tried what you suggested and it doesn’t work. The reason it doesn’t work is the custom css file is loaded in the header portion, but the css for the album is loaded in the body section as part of the album code. I am changing css in the album so the albums will display the way I would like.

I moved the border and box-shadow from the container to the img item, and changed the container display to inline-block. Then I changed the font-family, font-style, font-size, font-weight in the item and removed the background and border from the item.

you can see the results here: [http://www.bruceatracyphoto.com]

[Peter]

You can easily solve this problem by adding “.entry-content” at the beginning of each of your lines of custom CSS code.

Here is an an example

.entry-content #albumcontainer .album_item_bottom_t2 .album_item_name_t2 {

font-family: "Playfair Display",serif;

font-size: 21px;

font-style: italic;

font-weight: normal;

}

So in summary, remove all of your changes you made to the photo seller files and then apply the technique above using the custom CSS plugin.

Let me know how it goes.

[batracy]

Ok that works! Thank you.

[hilgertom]

Hi. I need to center albums and galleries lists too. I installed plugin for custom css and dont know what css code add to center these lists.

page with album list fotohilger.cz/fotobanka-image-shutter-stock-photobank-mediafoto/

[batracy]

Add the following code to your custom css file (this is how I got it to center)

.entry-content #albumcontainer .album_item_container_t2{

display: inline-block;

}

[Peter]

@hilgertom

I recommend that you use the custom CSS plugin to add any custom code.

1) Go and grab the following plugin:

http://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413

2) Add the CSS code suggested by batracy in the settings of the above plugin

If that doesn’t work, delete that code and try the following:

.entry-content #albumcontainer {

width: 85%;

margin: 0 auto;

}

[hilgertom]

Thank u guys. Solution from Peter works nice

[Author]

Posts