how to show image caption and description on right hand side of the image

i did find a way on how to do it. i just use css.

here is the screenshot:
https://www.dropbox.com/s/hbx0lgj96kaesyy/sample-css.png?dl=0

the code would be:
.jp-carousel-titleanddesc{
display: block;
float: left;
top: 0px;
margin-top: -500px;
width: 200px;
}

thank you so much

Sorry. I’m quite new for this. Where should I put this code in Editor panel? I can’t find it.

I changed the code in jetpack/modules/carousel/jetpack-carousel.css

from
/** Title and Desc Start **/
.jp-carousel-titleanddesc {
border-top: 1px solid #222;
color: #999;
font-size: 15px;
padding-top: 24px;
margin-bottom: 20px;
font-weight:400;
}
.jp-carousel-titleanddesc-title {

to
/** Title and Desc Start **/
.jp-carousel-titleanddesc {
display: block;
float: left;
top: 0px;
margin-top: -500px;
width: 200px;
}
.jp-carousel-titleanddesc-title {

I don’t know why but nothing change.

Not a good idea to modify that code – all those changes will be lost when you update JetPack. Better to use the custom CSS option in JetPack to ADD changes there.

Thank you. I’m trying to find where should I put the code in custom CSS.

IF the code is correct and is sufficiently specific to override the existing CSS for those elements, and you don’t have any other CSS errors in there, it should work fine anywhere.

But try putting it at the bottom of any other CSS you have in there.

Now, I just put this code from Alen to Custom CSS and click save stylesheet. but it still not work

….your theme’s stylesheet content.
*/

.jp-carousel-titleanddesc {
display: block;
float: left;
top: 0;
margin-top: -500px;
width: 200px;
}

if you have cache plug-in on your site try to clear it first.

Sorry that it is not working.
The thing is the class: jp-carousel-titleanddesc has a inline css that blocked the code in custom css. Try to pinpoint the right place of the div. Guide your css by putting a much more specific combination of class or id.

Hope that would help.