I'm looking to style my images with a caption similar to the attached (or found here, https://thedesignfiles.net/2020/05/architecture-victorian-architecture-awards-2020/ or basically their entire site). I've found some code that works with 'Image Poster Block' that adds an overlay and background colour, but looking to now shift the text from the default centre to the top of the image, and ideally tweak some things like the width of the text, etc etc, but right now the focus is shifting the text up.
What kind of coding will I need to insert to achieve this site-wide? The page I've built where I'm testing this is www.simpledwelling.net/test-stuff
Question
Anthony_Richardson 6
Site URL: http://www.simpledwelling.net/test-stuff
I'm looking to style my images with a caption similar to the attached (or found here, https://thedesignfiles.net/2020/05/architecture-victorian-architecture-awards-2020/ or basically their entire site). I've found some code that works with 'Image Poster Block' that adds an overlay and background colour, but looking to now shift the text from the default centre to the top of the image, and ideally tweak some things like the width of the text, etc etc, but right now the focus is shifting the text up.
What kind of coding will I need to insert to achieve this site-wide? The page I've built where I'm testing this is www.simpledwelling.net/test-stuff
Any help would be greatly appreciated.
New approach
Link to post
Top Posters For This Question
4
3
2
Popular Days
Jul 15
5
Dec 10
1
Jul 14
1
Dec 2
1
Top Posters For This Question
tuanphan 4 posts
Anthony_Richardson 3 posts
RolandFuseHub 2 posts
Popular Days
Jul 15 2020
5 posts
Dec 10 2020
1 post
Jul 14 2020
1 post
Dec 2 2020
1 post
Popular Posts
tuanphan
I see fine here. Can you take screenshot posters?
Posted Images
8 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