I am at my wits end, but I am sure there is someone here who has had to do this before, or would know how. I have searched the forums and found promising threads, but none specify for this, and none worked for me.
I have Slideshow Galleries in 7.1 and I need to format parts of the captions (descriptions). The images are artwork, and they have Artist, Title, Year under them. The Title must be in italics.
I know there is no HTML editing of them in 7.1 (which is such glaring omission) as there was in 7.0. However, I am sure there is a way to do it in CSS, putting code on individual pages to specify by slide# and caption text which parts get font-style: italic; or font-style: oblique;, but getting the right CSS is beyond my skills.
Something like the code below by tuanphan I found on another thread? I know it would be a lot of work, but I don't know any other way to do it.
Site URL: https://www.aawcollective.com/shaun-oboyle-visual-dissonance-caption-test
Hello,
I am at my wits end, but I am sure there is someone here who has had to do this before, or would know
The nth-child code didn't seem to work as expected. It turned all the captions red even thought 5 was specified and when I change the number, none were turned red. The biggest issue is I need only PAR
Question
Don42 4
Site URL: https://www.aawcollective.com/shaun-oboyle-visual-dissonance-caption-test
Hello,
I am at my wits end, but I am sure there is someone here who has had to do this before, or would know how. I have searched the forums and found promising threads, but none specify for this, and none worked for me.
I have Slideshow Galleries in 7.1 and I need to format parts of the captions (descriptions). The images are artwork, and they have Artist, Title, Year under them. The Title must be in italics.
I know there is no HTML editing of them in 7.1 (which is such glaring omission) as there was in 7.0. However, I am sure there is a way to do it in CSS, putting code on individual pages to specify by slide# and caption text which parts get font-style: italic; or font-style: oblique;, but getting the right CSS is beyond my skills.
Something like the code below by tuanphan I found on another thread? I know it would be a lot of work, but I don't know any other way to do it.
The page is not live, and is test page copy.
https://www.aawcollective.com/shaun-oboyle-visual-dissonance-caption-test
Password: F0RUMH3LP
Any help would be amazing. Thanks in advance, Don
/* image 1 */
.sqs-gallery-block-grid .slide:nth-child(1) .image-slide-title:after {
content: "Dinosaur line 2"; display: block; font-size: 13px; font-family: monospace; margin-top: -5px;
}
/* Image 2 */
.sqs-gallery-block-grid .slide:nth-child(2) .image-slide-title:after {
content: "Banana 02"; display: block; font-size: 13px; font-family: monospace; margin-top: -5px;
}
wrong URL
Link to post
Top Posters For This Question
4
2
1
Popular Days
Jan 14
4
Jan 17
1
Jan 19
1
Jan 20
1
Top Posters For This Question
Don42 4 posts
creedon 2 posts
bangank36 1 post
Popular Days
Jan 14 2021
4 posts
Jan 17 2021
1 post
Jan 19 2021
1 post
Jan 20 2021
1 post
Popular Posts
Don42
Thanks!
Don42
Site URL: https://www.aawcollective.com/shaun-oboyle-visual-dissonance-caption-test Hello, I am at my wits end, but I am sure there is someone here who has had to do this before, or would know
Don42
The nth-child code didn't seem to work as expected. It turned all the captions red even thought 5 was specified and when I change the number, none were turned red. The biggest issue is I need only PAR
Posted Images
6 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment