Joomla Templates Club 406,261 posts

[Stergiou Limited Friend Stergiou LimitedJoin date: December 2014Posts: 33Downloads:38Uploads:19 Thanks: 2 Thanked: 3 times in 2 posts]

#866400

Hello all!
I want to show image captions because I must publish the credits of the images (copyrights). Although, I put the captions in the images in the articles, they do not show on frontend.
Do you have any idea how can enable the captions in this template?
Thanks and regards
Leonidas

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#867406

Hi,

You can show caption image with my solution below

Open templates/ja_teline_v/html/layouts/joomla/content/image/image.php file and change it as my screenshot

Hope it helps

Regards

---

Attachments:

1. 

[Stergiou Limited Friend Stergiou LimitedJoin date: December 2014Posts: 33Downloads:38Uploads:19 Thanks: 2 Thanked: 3 times in 2 posts]

#867574

Hello!
Thank you very much for your kind reply and solution.
I implied your changes (see screenshot 1) and, indeed, the template takes and shows the captions but… below much below from the image’s bottom side. If I shrink the window and the image resized then you will see the caption (see screenshot 2). I think that I must amend the ‘img-caption’ class too in order it remains afloat the bottom line of the image according to the height of the image as the template provides. But I do not know how to do this. Can you help me on this?

Thanks and regards
Leonidas

---

Attachments:

1. 
2. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#867606

I forgot to give you the CSS style for the captions in the images, you have to do

Create templates/ja_teline_v/css/custom.css file and add new CSS style below

.article-intro-media .img-caption {
    background-color: rgba(0,0,0,0.3);
    color: #ffffff;
    bottom: 0;
    font-weight: 300;
    left: 0;
    margin: 0;
    padding: 5px 24px;
    position: absolute;
    width: 100%;
}

Let me know if it helps

[Stergiou Limited Friend Stergiou LimitedJoin date: December 2014Posts: 33Downloads:38Uploads:19 Thanks: 2 Thanked: 3 times in 2 posts]

#867881

You are god!
It works perfectly!
Thank you!
Leonidas

[Author]

Posts