Formatting Captions

You should be able to style them using custom CSS via WP directly (Appearance → Customize → Additional CSS from your WP dashboard). If you provide me with a link to your site, I can tell you which classes you need to target.

@sayontan Hello, I didn’t want to create a new topic as my question also relates to image captions, specifically Google albums. When I hover over an album, a pop-up tooltip with the album title appears, but when I open the album, the images appear without captions. How can I solve this problem?

@b0dya – your question is completely unrelated. Please start your own topic and provide a URL so that I can see the problem in action and troubleshoot.

Hi @sayontan , I have tried adding Additional CSS under customize (Kadence theme) but the photonic plugin seems to have higher priority.

This is my site: https://diary.uncountable.uk/instadiary/

I’m targeting the .photonic-photo-title class to change the font family and the colour to red for the captions. If you look at developer tools, you’ll see that code under inline:83 and the settings in phototonic.min.css override my additions.

UPDATE: I added !important to my values and got it to work. However, I was wondering if there’s a way to do this without using the important modifier?

• This reply was modified 1 year, 6 months ago by connectedblue.

@connectedblue – You are targeting a less specific element, which is why you are losing out on specificity and requiring the !important declaration. The right element to target in your case is .title-display-slideup-stick a .photonic-title. By and large, you should rarely require !important declarations (except if you want to override a JS-assigned CSS attribute) – most requirements should be targeted using more specific CSS rules.

Brilliant, thank you @sayontan. That did indeed work. However, when making the same change on the lightbox mode from the JS library, I had to revert to !important again (although I saved one). But I feel better about having the tighter specificity to not break something else inadvertently.