[Resolved] Caption below image

[Laurie]

I’m have the same issue in which the caption is covering up my images. I would like the captions below the images. I’ve tried using the code provided above and have added the code using a custom css plugin.

Here is a link that shows the problem. http://www.743rdtankbattalion.us/743rd-tank-battalion/

Thank you.

[Tom]

Hi there,

I’m not seeing any images with captions on that page? Did you remove them maybe?

[Laurie]

Oops! Sorry! I added a page break. Here is a page with examples. I have removed captions from most of the other photos because of the problem, but I need to readd them.

http://www.743rdtankbattalion.us/743rd-tank-battalion/2/

Thank you.

[Tom]

Have you tried adding the CSS from the first page of this topic?: https://generatepress.com/forums/topic/caption-below-image/#post-4011

Since you’re using Exhibit as your child theme, you’ll want to add it using a plugin (#2 and #3): https://generatepress.com/knowledgebase/adding-css/

[Ornulf Hjort-Sorensen]

Hi, Tom, sorry to bother you with more of this caption-talk.
I have absolutely no idea of how to fix the problem with captions covering the photos, or where I should write your suggested code:
.wp-caption .wp-caption-text {
background: transparent;
padding: 10px 0;
position: relative;
}
On this page http://www.sinnamagasinet.no/om-sinnamagasinet/
In Photoshop I expanded the working area of the photo’s hight, so that the caption box with text on grey background. I kind of work, but it’s no sustainable solition.

[Tom]

Hi there,

You can paste the code using these instructions: https://generatepress.com/knowledgebase/adding-css/

[Ornulf Hjort-Sorensen]

Thanks, Tom.
I’ve installed Simple CSS, and the plug-in shows in the control panel.
But, sorry, I just don’t catch it, how to use CSS changing the caption style into the “normml” way to present captions; under the photos, without frames and backgrounds.
This is completely new ground for me.
Can you spare time to show me a simple step-by-step instruction in how to implement the code to work as a standard/default lay-out?

Best regards
Ornulf
Norway

[Tom]

You should now be able to go to “Appearance > Simple CSS” and paste this code into the box:

.wp-caption .wp-caption-text {
    background: transparent;
    padding: 10px 0;
    position: relative;
}

Then save and you should be good to go 🙂

[Ornulf Hjort-Sorensen]

Thank again, Tom

– pasting into which box?
A New Simple CSS-sheet, or into some of the boxes in edit-picture-mode or in the insert media mode when photo is marked?
Did the first option and saved the sheet, but if that is the way to og, how do iI get the code to work when writing captions?

Greatfull for Your patience.
Guess I have to take a proper dive into CSS-editing
Besides this problem, I am very satisfied With Your theme.
Works great, good Interface and easy to adjust.

:-)rnulf

[Ornulf Hjort-Sorensen]

… sorry for the bad spelling

[Tom]

You should just have to paste it into the dark box on the “Appearance > Simple CSS” page and then save.

It will then apply itself to all captions across your entire site 🙂

[Ornulf Hjort-Sorensen]

Busy bee from Norway, here again: Did what you said, Tom, but not working, in exsample on this page: http://www.sinnamagasinet.no/pa-trynet/

All the best

• This reply was modified 10 years, 1 month ago by Ornulf Hjort-Sorensen.

[Tom]

Ah, you need to make the color black:

.wp-caption .wp-caption-text {
    background: transparent;
    padding: 10px 0;
    position: relative;
    color: #000;
}

[Ornulf Hjort-Sorensen]

Juhu! Works like a dream.
Thanks again, Tom 🙂

[Tom]

You’re welcome 🙂

[Author]

Posts