changing caption font size on just mobile screenns

  • hi can someone tell me how to changethe caption (for imgs, vids, etc) font size but just on mobile screens, thanx!
    already tried putting this in additional css

    @media screen and (max-width: 660px) {
    .wp-caption-text {
    font-size: 5px; }
    }

    but nothing happens

    any help be apprciated!!

Viewing 6 replies - 1 through 6 (of 6 total)

  • That is working for me when testing it out. Maybe the device you are testing on is wider than 660px?

    Hi there,

    Can you share a link to your site? There might be other factors on your site overriding or interfering with the CSS you added, which isn’t necessarily present on any site we use to test with on our end.

    What code you need to use to target captions would also depend on whether you are using the block editor or the classic editor to add your images (captions for images in the classic editor uses different HTML from captions in image blocks), or even if you’re perhaps using a plugin to add caption functionality instead of that which comes built into WordPress.

    Thread Starter kallopian41

    (@kallopian41)

    hi again! my site isnt live yet sorry. im not using any other additionalcss or plugins though! i use the block editor. and jerett im just looking at the cell phone sized previe wwwindow on the additional css page. ANy further help would be great!

    • This reply was modified 5 years, 5 months ago by kallopian41.
    Moderator James Huff

    (@macmanx)

    We’ll need to be able to see the live site to offer any recommendations.

    @kallopian41 I’m guessing this may be what you want?

    @media screen and (max-width: 660px) {
.post figcaption {
font-size: 5px; }
}
    Thread Starter kallopian41

    (@kallopian41)

    JARRET THATS PERFECT< TONSA THANX! IT WORKED!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘changing caption font size on just mobile screenns’ is closed to new replies.