Docs

[Garry]

Hi X theme,
I want to ask about Image caption size.
I find some code on the foru and applying it.
But I only can remove all caps text.
I want to made the font size really small and left align, I tried some codes but not works at all.
Please help me.
Thankyou guys

[Prasant Rai]

Hello Garry,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

.wp-caption-text {
    text-align: left !important;
    font-size: 8px !important;
}

Thanks.

[Garry]

This reply has been marked as private.

[Friech]

Hi There,

Thanks for the credentials, but which page did you placed the image with caption? Are you referring to the essential grids?

Please clarify.

Thanks.

[Garry]

This reply has been marked as private.

[Joao]

Hi There,

Please use :

.wp-caption-text, .wp-caption-text span a  {
    text-align: left !important;
    font-size: 13px !important;
 }

Hope that helps

Joao

[Garry]

Thanks Joao Its worked.
But I have some more questions.
1. how can I remove the image border.
2. change caption position (image attached)
3. change caption font type.

Thanks 🙂 !

[Friech]

Hi There,

You can add this under Custom > CSS in the Customizer.

.content .wp-caption, .gallery-item {border:none;}
.content .wp-caption .wp-caption-text {
	padding-left: 0;
	margin-top: 0;
	font-family: cursive, sans-serif;
	font-style: italic;
}

Where “cursive” is the name of the font that you want to apply.

Hope it helps, Cheers!

[Garry]

Thankyou very much its worked like a charm!
How can I know the fonts that supported for added to custom css code above?
and by the way, I have border-radius 5px for my image content, but it only apply on a image without caption, for the images with caption the corner isnt change to radius 5px. can you help me? thanks

[Darshana]

Hi there,

Those fonts are known as generic fonts, so the browsers will render it.

Update your CSS rule as follows:

img {
    border-radius: 5px !important;
}

Hope that helps.

[Garry]

Thanks its worked! Um and how to change the caption font default color.
I see the default color is red I want to change it to black . thanks

[Prasant Rai]

Hello Garry,

You can add this under Custom > CSS in the Customizer to change caption font color:

.wp-caption-text, .wp-caption-text span a {
    color: #000 !important;
}

Thanks.

[Garry]

Im sorry it seems didnt work.
Please your help, thanks
thanks

[Thai]

Hi There,

I would like to check your website but it’s under construction mode.

Please provide us with your admin account so we can take a closer look.

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks.

[Garry]

This reply has been marked as private.

[Author]

Posts