By Adam T on Monday, 10 June 2019
Posted in General Issues
Likes 0
Views 720
Votes 0
I would like to have the blog post cover captions appear below the image instead of on it. Also, the text should be in italic.

Could you provide some code that would achieve this?
Hey Adam,

We would like to let you know that if you require us to perform the "customization" for you we cannot accommodate your request as it is beyond our support scope's policy as outlined in https://stackideas.com/support.

But, only for these time we will help you. You can try these css code below, after you add the custom css the caption will look like this https://take.ms/oC7Vk
[gist type="css"]
body #eb .eb-post-thumb .eb-post-thumb-caption {
bottom: -30px;
left: 1px;
color: #333;
background: #fff;
font-style: italic;
padding: 6px;
text-align: center;
}

body #eb .eb-post-thumb {
margin-bottom: 30px;
}
[/gist]
·
Monday, 10 June 2019 16:30
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Sughathi

Many thanks for making this exception for me! I appreciate that

Is it possible to have the caption appear ONLY on the post page?

Please see attached screenshot for further explanation.


Cheers


Adam
·
Monday, 10 June 2019 17:57
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey there,

Is it possible to have the caption appear ONLY on the post page?

Here it is, you can use the css code below
[gist type="css"]
body #eb.eb-view-entry .eb-post-thumb .eb-post-thumb-caption {
bottom: -30px;
left: 1px;
color: #333;
background: #fff;
font-style: italic;
padding: 6px;
text-align: center;
}

body #eb.eb-view-entry .eb-post-thumb {
margin-bottom: 30px;
}
[/gist]
·
Monday, 10 June 2019 18:07
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Suganthi

With the new code, the caption is still displaying for the frontpage post-preview images, but now it has a transparent background. I was hoping that it would be possible to turn-OFF these captions.

The blog post page should be the ONLY place where the caption appears.

Please see the attached screen captures for further explanation.

I hope this makes sense.


Cheers


Adam
·
Monday, 10 June 2019 18:41
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Adam,

Sorry for the misunderstanding. You can achieve this by removing the codes in this following file :

JoomlaFolder/components/com_easyblog/themes/wireframe/blogs/latest/post.cover.php

Remove these codes
a) from the line 32 to 34

<?php if ($post->getImageCaption()) { ?>
<span class="eb-post-thumb-caption"><?php echo $post->getImageCaption(); ?></span>
<?php } ?>


b) from the line 53 to 55

<?php if ($post->getImageCaption()) { ?>
<span class="eb-post-thumb-caption"><?php echo $post->getImageCaption(); ?></span>
<?php } ?>


Then override this file into your current site template directory location JoomlaFolder/templates/YourCurrentTemplate/html/com_easyblog/blogs/latest/post.cover.php
·
Monday, 10 June 2019 19:14
·
0 Likes
·
0 Votes
·
0 Comments
·
That worked. Many thanks Suganthi, I really appreciate your help!
·
Tuesday, 11 June 2019 23:37
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Adam,

You are most welcome Glad to hear that your issue has been resolved now

Just for your information, I have locked and marked this thread as resolved to avoid confusions in the future. Please start a new thread if you have any other issue in the future so it will be easier for us to manage your inquiries.

Thanks for understanding.
·
Tuesday, 11 June 2019 23:49
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post