thebeau3 on "[Theme: Shamrock] Captions cover images"

I'm wondering if there is a way to adjust how captions appear in the theme. Currently, if an image is smaller, the caption box covers a large portion of the image. (See here for example: http://helloworldciv.com/ancient-music/)

Is there a simple way to only show the caption on hover or to move it to a spot below the photo (as it appears when editing posts)?

Yes. I am noticing the same problem. Especially in the mobile version.

@hlb24 seems to have solved that with an added CSS:

.smr-photo-caption, .wp-caption-text {
max-width: 100% !important;
position: relative !important;
top: 0 !important;
}

I'm having trouble with this same issue-- where exactly would I put this code to fix it? I'm a CSS novice... I tried putting it in the "Captions" section in style.css, and no luck. I just want to get my captions below the image. Right now they are floating in a grey box that covers the image, for example here: http://thebeautifulbrain.com/2015/12/two-ships-passing-in-the-night-the-alva-noe-and-gabrielle-starr-debate/

Thank you!!

@thebeau3

add this via a 'custom CSS' plugin, or (less preferable) at the end of style.css:

.smr-photo-caption, .wp-caption-text {
max-width: 100%;
position: relative;
top: 0;
right: 0;
}

Thank you so much Michael, this worked!