Hello, I'm using the Adirondack template and I have a slideshow for images on a page. I like the idea of having a caption appear when I hover over the image, and have that option checked in the "Design" tab of Edit. The problem I have is I would like the text to be center aligned in the overlay (on hover). Currently, it's left justified. Note: I do see the dropdown in the "Design" tab that allows me to move the overlay (on hover) to a part of the image. Ex: center, bottom left, bottom right, etc. But that just moves the overlay's placement on the image. I'm looking to move the text within the overlay itself.
Furthermore, I don't see any place to adjust the text's font, color, size, etc. of the overlay.
Does anyone know have any code or steps that can be inserted to allow me to make these adjustments? Thanks so much.
Sure. For the font color, weight, etc. you can just add those lines in with the code above, so something like this:
.sqs-gallery-block-slideshow .meta .meta-title, .sqs-gallery-block-slideshow .me
Question
natejmedia 1
Hello, I'm using the Adirondack template and I have a slideshow for images on a page. I like the idea of having a caption appear when I hover over the image, and have that option checked in the "Design" tab of Edit. The problem I have is I would like the text to be center aligned in the overlay (on hover). Currently, it's left justified. Note: I do see the dropdown in the "Design" tab that allows me to move the overlay (on hover) to a part of the image. Ex: center, bottom left, bottom right, etc. But that just moves the overlay's placement on the image. I'm looking to move the text within the overlay itself.
Furthermore, I don't see any place to adjust the text's font, color, size, etc. of the overlay.
Does anyone know have any code or steps that can be inserted to allow me to make these adjustments? Thanks so much.
Cheers.
Link to post
Top Posters For This Question
3
2
1
1
Popular Days
Dec 19
2
Dec 20
2
Jul 8
2
Dec 18
1
Top Posters For This Question
natejmedia 3 posts
christyprice 2 posts
Sharayah 1 post
tuanphan 1 post
Popular Days
Dec 19 2019
2 posts
Dec 20 2019
2 posts
Jul 8 2020
2 posts
Dec 18 2019
1 post
Popular Posts
christyprice
Sure. For the font color, weight, etc. you can just add those lines in with the code above, so something like this: .sqs-gallery-block-slideshow .meta .meta-title, .sqs-gallery-block-slideshow .me
christyprice
Hi @natejmedia, Try adding this code to Design > Custom CSS: .sqs-gallery-block-slideshow .meta .meta-title, .sqs-gallery-block-slideshow .meta .meta-description { text-align: center; }
natejmedia
Christy, THANK YOU so much!! I really appreciate it 🙂 I hope some day I can pay it forward!
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