Community @ The Turning Gate

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.

  • New user registrations are disabled.
  • Users cannot create new topics.
  • Users cannot reply to existing topics.

You are not logged in.

#1 2017-04-11 07:43:40

andacar
Member
From: Albuquerque, NM
Registered: 2014-09-03
Posts: 159
Website

A Question on Album Thumbnail CSS

I'm getting the effect I want with my album set thumbnails using this in my custom CSS page:

.the__albumSet figure a {
	background-color: rgba(0,0,0,1.00); 	/* Color of album background */
	border: 0 solid rgb(110, 110, 110); 	/* Color album border */
	border-width: 2px; 						/* Frame thickness of album */
	border-radius: 10px; 					/* Rounding of the corners of album frame */
	color: #000000; 						/* Color of the caption for album thumbnail */
	display: block;
	height: auto; 							/* Height of album sets */
	width: auto;
	margin-top: 10px; 						/* Margin between the thumbnail and the frame */
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	overflow: hidden;
	text-decoration: none;
	align-content: center;	
}

I want to do the same thing in the Albums themselves, but not sure what the equivalent to this would be to format the Album thumbnails themselves.

Ideas?


Darrell Leland

"Never go creeping around old castles at night; you may find what you're looking for."
- Grimsley

Offline

#2 2017-04-11 10:02:50

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 17,830
Website

Re: A Question on Album Thumbnail CSS

It looks like .gallery figure is the selector for the entire thumbnail frame in the album

For the metadata: http://ttg-tips-and-tricks.barbeephoto. … rge-images

And try using the same thumbnail presentation. In your album sets you're using masonry. In your albums, it's classic.

In your template, turn off borders and border radius as it includes the caption area.

Rounding the thumbnails was tricky. This seems to work but I suspect it's not a good thing to do. Matt built the thumbnail grid and included background images for a reason. But here it is.

.album-frame a.pswp_go {
	background-image: none !important;

}
.pswp_go img {
	border: 2px solid gray;
	border-radius: 8px;
}

Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

Offline

Board footer

Powered by FluxBB