[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;

}

[batracy]

Ok that works! Thank you.

[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]

[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?

[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.

[Author]

Posts