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.
Hi folks! I'm trying to make some changes to the thumbnails and descriptions in my albums and album sets here. I have a few questions:
I’d like to get rid of or modify the white borders around the text, leaving only the rounded grey border around the thumbnail itself, but I can’t find where to do this in the CSS.
.album-description in the CSS is set to center, but the description on the page still justifies to the left.
I also have the .album-description line-height set to 40%, but when there has been more than one line of text I haven’t seen any reduction in line height.
Will these settings go down to the albums themselves, or is that done somewhere else?
Here is the CSS I’m using:
.the__albumSet figure a {
background-color: rgb(75, 75, 75);
border: 0 solid rgb(110, 110, 110);
border-width: 2px;
border-radius: 10px;
color: #212121;
display: block;
height: auto;
width: auto;
margin-top: 10px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 10px;
background-repeat: no-repeat;
overflow: hidden;
text-decoration: none;
align-content: center;
}
.the__albumSet a:hover {
background-color: #5a5a5a;
border-color: #880000;
}
.album-thumbnail {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
float: left;
margin-right: 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
.album-title {
font-size: 1rem;
font-weight: 400;
font-family: metamorphous;
font-style: normal;
}
figcaption p.album-title {
text-align: center;
}
.album-thumbnail img {
border: 0px;
border-color: #FFFACD;
box-sizing: border-box;
border-style: solid !important;
background-color: #191919 !important;
padding: 4px !important;
}
.album-description {
font-size: .95rem;
line-height: 40%;
font-weight: 400;
font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
text-align: center;
}Thanks as always!
Last edited by andacar (2017-02-21 16:35:41)
"Never go creeping around old castles at night; you may find what you're looking for."
- Grimsley
Offline
for the first one, have you tried setting borders to 0 in the album set thumbnail settings?
Thumbnails > The Cells > Border
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
.album-description in the CSS is set to center, but the description on the page still justifies to the left.
the description under the thumbnails is centered on the page you linked to.
are you referring to something else on the page?
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
also have the .album-description line-height set to 40%, but when there has been more than one line of text I haven’t seen any reduction in line height.
your css is being overridden by more a more specific selector, as shown in the browser inspector:
.the__albumSet figcaption pit sets the line-height to 1.5rem
try a more specific selector for that rule:
.the__albumSet figcaption p.album-description{
font-size: .95rem; /* Font size of the album description of the album sets */
line-height: 40%; /* Distance between the lines of the album description of album sets */
font-weight: 400;
font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
text-align: center;
}Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Will these settings go down to the albums themselves, or is that done somewhere else?
the css you're showing is for album sets, you'll have to customize albums using selectors specific to albums. Just poke around with your browser's inspector to see what selectors affect which elements on the page.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Thanks Rod. I'll have a look at it.
"Never go creeping around old castles at night; you may find what you're looking for."
- Grimsley
Offline