CSS for UUA Service Archives
So I've been tearing my hair out trying to get the table in the Service-archives to vertical-align:top;.
When there are two speakers. the table looks kind of ugly because the date and subject align with the second (lower) speaker, not the top one. I can't quite figure out which CSS element to apply it to to put in my child stylesheet. Has anyone got this one licked?
Comments (1)
Christopher Wulff replied:
@media only screen and (min-width: 768px) {
.uu-service-list article.service-archive-list span, .uu-service-list article.service-archive-list time {
vertical-align: top;
}
}Probably also .uu-service-list article.service-archive-list .service-title {
padding: 0 0 5px;
}
Naomi Moon wrote:
Thank you! That worked.
I had tried that before but I was doing something wrong I would like to share with the group.I was trying to edit the child theme stylesheet using the Editor in Wordpress. For some reason, changes made that way do not get reflected in the theme. Usually, I make changes in the Edit CSS part of Wordpress that appears when you activate JetPack. I have not activated Jetpack because, at least for the servers I'm using, there appears to be a conflict with the theme or a plugin or I dunno when I do.
SO - the way, at least for me, to ensure that changes to the child stylesheet actually are implemented is to change the stylesheet using FTP or directly on the server.
Let's hope I remember this the next time I have to make a change.