WordPress Native Gallery and Image Caption

[stg1815]

I am working on a portfolio which displays images in a row. I am using WordPress and its native gallery. Now I am stuck on editing the caption. Although I have edited the css and tried to go on the media.php, nothing changes. The caption floats on the right of the image like here:
http://www.dropbox.com/s/b11nyqkzlnnf2xb/Screenshot%202014-07-31%2014.15.58.png

I just would like to simply put the caption under the image.

Could anyone please help me with this? Thanks in advance.

[Paulie_D]

We’d need to see the HTML that is generated to offer solutions.

[ann-g]

Hi Paulie_D
Here is the generated HTML from firebug:

http://tinypic.com/r/qsti5y/8

[Paulie_D]

We can’t tell anything from that image.

Could you make a reduced case of a single wrapper + image etc. in Codepen.io?

Alternatively, a link to the live site?

[ann-g]

Sorry about that Paulie_D
Here is the link to the live site:
http://www.laetitiaperles.ch/

[Paulie_D]

Each of these ‘gallery-items’ and children seem to have what I assume are automatic classes applied…but there is no styling applied for the classes.

<dl class="gallery-item">
    <dt class="gallery-icon landscape">
         <img width="600" height="600" src="http://www.laetitiaperles.ch/wp-content/uploads/2014/06/000182110008-700x700.jpg" class="attachment-large" alt="three">
     </dt>
     <dd class="wp-caption-text gallery-caption">three</dd>
</dl>

[ann-g]

Paulie_D
I got it. Solved.
I added this to my style.css

dd.gallery-caption {
    margin-top: 400px;
}

It took me 3 weeks to find out. Thank you for helping me out.

[Author]

Posts