I’m unable to get the caption text to center in the middle of the image. It appears offset to the right. I have tried adjusting the text using both HTML and CSS and can’t seem to get it to adjust.
Additionally, on hover, the edges of the circle get cut off. I can’t seem to figure out how to remedy this either.
Any help would be greatly appreciated.
Hi telorenzo46,
It looks centered on my end using Chrome, could you post a screenshot of what you are seeing on your end and in what browser please?
Regards,
Rikard
Rikard,
Apologies, I was able to figure out the issue. It was due to the Default font size being too large. This caused the div of the font to be larger than the div of the object. Thus the font was centered in the font div, but not the image div. Reducing the font size fixed this issue.
This has lead to another issue however. When I set the Image Styling to circle, this causes the shape to “clip” and hit the edges of the div when hovering over it. The reason why I would like to set the Styling to circle is to allow for an image overlay that overlays atop of the blue circles.
Currently the styling is set to default to prevent this “clipping” from happening. If necessary I can change it to circle if my explanation is not clear.
Thanks