How to place ja-gallery captions below the pictures?

rvives

Good morning.

Hope you are fine. I would like to have some help with this issue:

I have not found the way to place the captions of the ja-gallery slide below the pictures. Currently they are placed in the middle of the picture (as seen in the attached image). Could you please let me know the code I should write on custom.css?. It should be applicable in the desktop view as well as in the mobile view.

Thanks in advance.

saguaros

Hi rvives

Could you share the URL of that page so I can check?

rvives

saguaros

Of course:

https://www.coranewsonline.com/index.php/cultura-y-entretenimiento/194-los-actores-mejor-pagados-segun-la-revista-forbes

Thanks

saguaros

rvives You can try with this custom css:

@media screen and (min-width: 768px){
.carousel-indicators {
    bottom: 120px !important;
}
.ja-media-content .ja-gallery-list-wrap .carousel-caption {
    position: static !important;
    background-color: #999;
    color: #fff;
}
}

rvives

saguaros

Hi Saguaros. Thanks for your answer. I did it, but it didn´t work. Any other idea?

saguaros

rvives You can share the Admin + ftp account of your site via Fields in your first post: https://prnt.sc/u200wi

I will check it for you.

rvives

Done. I already added my login credentials saguaros

saguaros

rvives
You should clear cache in admin panel to see the changes: https://prnt.sc/u2oqlb

https://www.coranewsonline.com/index.php/cultura-y-entretenimiento/194-los-actores-mejor-pagados-segun-la-revista-forbes

rvives

Thanks saguaros

Could please help me with the mobile view?, it worked, but only for desktop view.

saguaros

rvives

If you want to apply for small view also, you can change to:


.carousel-indicators {
    bottom: 120px !important;
}
.ja-media-content .ja-gallery-list-wrap .carousel-caption {
    position: static !important;
    background-color: #999;
    color: #fff;
}

rvives

saguaros

Thank you very much!. All worked