Is there a way to increase the size of the caption font that appears under the photo within a page as well as when you click it? It’s on the small side and I want to bump it up a bit.
.td-gallery-slide-copywrite{
font-size:18px;
font-family:”Times New Roman”, Times, serif;
}
.mfp-bottom-bar {
font-size: 18px;
I was able to use this for the slider captions/pop ups, but how do you do it on an image only on posts (not using galleries)?
Steve
Hi,
Please use this custom css – http://screencast.com/t/UbFJQAVULZp – http://screencast.com/t/rKRbfgtbBjRN
.wp-caption-text {
font-size: 18px;
font-family: "Times New Roman", Times, serif;
}
.mfp-bottom-bar {
font-size: 18px;
}
Thanks!
This works great when you click the photo and see the caption on the photo. However, the caption under the photo (on the page) is still small:
http://ecoronado.com/news/2015/11/01/three-coronado-youth-attain-taekwondo-junior-black-belt/
How do we make BOTH the caption on page and caption under pop up photo larger?
Hi,
Try to use !important tag – http://screencast.com/t/ElgkVIRJKF
.wp-caption-text {
font-size: 18px !important;
font-family: "Times New Roman", Times, serif !important;
}
Thanks!
I added the !important tag and it still is not working:
http://ecoronado.com/news/2015/11/05/bbmac-pool-opens-after-major-deck-repairs/ (I want the font under the photo to be larger…it is bigger on pop-up, but small under photo on page)
Here is my css custom code:
.block-mega-child-cats {
overflow-x: visible;
overflow-y: visible;
max-height: 400px;}
.td-gallery-slide-copywrite{
font-size:18px;
font-family:”Times New Roman”, Times, serif;
}
.mfp-bottom-bar {
font-size: 18px;
.wp-caption-text {
font-size: 18px !important;
font-family: “Times New Roman”, Times, serif !important;
}
.mfp-bottom-bar {
font-size: 18px;
}
Hello,
You seem to have a piece of code not closing there:
.mfp-bottom-bar {
font-size: 18px;
All the code after the tag that is not closing is not applying. (every curly-brace counts)
Thank you!
That fixed it. Thanks!
Should this CSS still work for showing captions below images in posts?
Thanks!
Hello,
I tested this code again and it still works as the css classes were not changed.
Thank you!
Thanks for the reply Bogdan… The error was on my end.
Thanks again!
Hey! Is there a way for the caption and details to appear on the right or left side instead of the bottom bar?
Hello @theheritagelab!
In order to avoid misunderstandings, please provide more information about what you need to achieve, screenshots or a video in order to help you efficiently.
A solution for sending a screenshot/video is this:
Download, capture, send: https://www.techsmith.com/jing-tool.html
After making the screenshot, you will have a link, paste it here.
Thank you!
