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: |
|
|
floridave
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? Dave |
|
|
floridave
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 Dave |
|
|
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? |
|
|
floridave
Joined: 2003-12-22
Posts: 27300 |
Posted: Tue, 2012-06-19 16:08
|
margin-left: auto;
margin-right: auto;
position: relative;
display: table;
Dave |
|
|
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! |
|
