Center Title Over Single Photo Blocks in SmugMug
There was a question on the D-Grin forum on how to center a title over a single photo block here. So I came up with a solution and I thought I'd share it here.
Thie example shows three Single Photos spaced horizontally. Copy the code below and paste that into your Theme's Custom CSS Section.
Next, you will need to use a webtool to find what
[data-layout-row] you are on on your page. I use Firefox "Inspector Element". In this example the row I have is 'k'. Edit the code you previously copied to match your correct row.
If you did it correctly, you should see your images with a title centered.
Since using a single photo block to do this is kind of a pain, I came up with another solution using a single HTML/CSS block. Here is what I came up with...with a twist: Services Page with Image, Description and More.