Support community for TTG plugins and products.
NOTICE
The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.
This forum is now closed, and exists here as a read-only archive.
You are not logged in.
I am using autoindex text-only in order to generate an alphabetically ordered list of galleries. The autoindex will only contain the name of a person or event in the title field. The description field will be empty and of course no thumbnail. Because I can have upwards of 30 galleries indexed, I don't want each listing to take up a lot of real-estate. Unfortunately, the plugin will not allow me to make the album height smaller than 100. I would like to make the height about 40 or 50. I would also like to turn off the text fading style because there will not be a description. Of course, I would like the title to be centered in the album if possible.
Is there a file that I can edit to manually set the album height smaller than 100 and also turn off the fade styling?
Can this option be added to a future autoindex update?
Offline
Sounds like a job for custom css
http://ce4.theturninggate.net/docs/doku … custom_css
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
In the autoindex template, the file style-component contains the following:
.album-overlay {
background-image: -webkit-linear-gradient( 135deg, rgba( 241, 241, 241, 0 ),
rgba( 241, 241, 241, 1 ) 85%);
background-image: -moz-linear-gradient( 135deg, rgba( 241, 241, 241, 0 ),
rgba( 241, 241, 241, 1 ) 85%);
background-image: -o-linear-gradient( 135deg, rgba( 241, 241, 241, 0 ),
rgba( 241, 241, 241, 1 ) 85%);
background-image: -ms-linear-gradient( 135deg, rgba( 241, 241, 241, 0 ),
rgba( 241, 241, 241, 1 ) 85%);
background-image: linear-gradient(135deg,
rgba( 241, 241, 241, 0 ), rgba( 241, 241, 241, 1 ) 85%);
}
.album-mantle:hover .album-overlay {
background-image: -webkit-linear-gradient( 135deg, rgba( 221, 221, 221, 0 ),
rgba( 221, 221, 221, 1 ) 85%);
background-image: -moz-linear-gradient( 135deg, rgba( 221, 221, 221, 0 ),
rgba( 221, 221, 221, 1 ) 85%);
background-image: -o-linear-gradient( 135deg, rgba( 221, 221, 221, 0 ),
rgba( 221, 221, 221, 1 ) 85%);
background-image: -ms-linear-gradient( 135deg, rgba( 221, 221, 221, 0 ),
rgba( 221, 221, 221, 1 ) 85%);
background-image: linear-gradient(135deg,
rgba( 221, 221, 221, 0 ), rgba( 221, 221, 221, 1 ) 85%);
Is this the CSS that I need to change? Can you tell me what parameter I need to change so that the text does not fade at the bottom?
Thanks!!
Offline
Change nothing. Add:
.album-overlay { display: none; }Offline
Thanks Matthew. Works like a charm! That's a good testament to the excellent product design!
Cheers!
Offline
Thank you, Danbie. I do my best, and I'm getting better at it all the time. ;-)
Offline