display photos, pictures, and albums vertically

Vegliacich

Joined: 2011-06-21
Posts: 60
Posted: Tue, 2012-06-19 14:24

I would like to display my photos, pictures, and albums vertically in one column. Does anyone know how to do this?

Example of current horizontal layout:

http://www.iwuvcats.com/index.php/
 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Tue, 2012-06-19 15:03

What if you make the thumbs bigger to fill the available space?
If not, what is going to go into the unused space?
Do you want them centered?

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team
 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Tue, 2012-06-19 15:27

You have 3 missing css files. View your source to see.

anyway you can edit the css from the theme:

#g-content #g-album-grid .g-item {
  background-color: #fff;
  border: 1px solid #fff;
  float: left;
  padding: .6em 8px;
  position: relative;
  text-align: center;
  width: 213px;
  z-index: 1;
}

and remove
float: left;
That will make them vertical.

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team
 
Vegliacich

Joined: 2011-06-21
Posts: 60
Posted: Tue, 2012-06-19 15:46

removing the "float: left;" worked perfectly. I'm also trying to center the photo's inside of the "g-album-grid" div, but "text-align: center;" does not seem to do the trick. I would think this would work because the "g-item-id-xx" child divs are located in the "g-album-grid" (the parent). Do you have any suggestions for this?
thanks for the help.
 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Tue, 2012-06-19 16:08 
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: table;

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team
 
Vegliacich

Joined: 2011-06-21
Posts: 60
Posted: Tue, 2012-06-19 16:12

That worked perfectly. Thanks again.
 
AndyB1970

Joined: 2013-03-15
Posts: 1
Posted: Fri, 2013-03-15 21:11

Glad I found this thread. you wouldn't belive the trouble I have had with this simple code - cheers floridave!