How can I change the caption text's place?

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Tue Nov 19, 2013 10:53 pm
Reply with quote
Report this post
Hi, I don't use K2, so the caption text shown on the pictures like http://postimg.org/image/bukarrdhv/

Is there any way to show it like here http://postimg.org/image/8slivw3ev/ Under the image.
User avatar
Expert Boarder

GK User
Wed Nov 20, 2013 2:58 pm
Reply with quote
Report this post
Could you give me your site URL ? It is always easier to check CSS/HTML code on live site.
User avatar
Platinum Boarder

GK User
Wed Nov 20, 2013 4:03 pm
Reply with quote
Report this post
I've sent you a PM
User avatar
Expert Boarder

GK User
Wed Nov 20, 2013 10:38 pm
Reply with quote
Report this post
I need to keep off the web site. I hope this can be helpful http://postimg.org/image/qb652fdcb/
User avatar
Expert Boarder

GK User
Wed Nov 27, 2013 10:09 am
Reply with quote
Report this post
I've answered you also to PM - I need to look at live site because caption may be positioned on top/bottom etc. depends of your category/item settings.
User avatar
Platinum Boarder

GK User
Wed Nov 27, 2013 10:11 am
Reply with quote
Report this post
Web site is live now
User avatar
Expert Boarder

GK User
Thu Nov 28, 2013 10:04 pm
Reply with quote
Report this post
In css folder you will find : joomla.css file
In line 389
p.img_caption { .... }

delete two lines:
top: 15px; and right:0

And add:
Code: Select all
bottom: 0px;


This should help
User avatar
Platinum Boarder

GK User
Thu Nov 28, 2013 10:14 pm
Reply with quote
Report this post
Thank you, I did but the capture is still on the picture. Is it possible to show like http://postimg.org/image/8slivw3ev/ ?
User avatar
Expert Boarder

GK User
Thu Nov 28, 2013 10:46 pm
Reply with quote
Report this post
Anyway, at least I have learned where I need to edit. I think I can do it. Thank you again!
User avatar
Expert Boarder

GK User
Fri Nov 29, 2013 1:12 am
Reply with quote
Report this post
I have edited as below and it worked: http://oi43.tinypic.com/ifwk1s.jpg

p.img_caption {
background: #ffffff;
color: #666666;
font-size: 11px;
margin: 0;
right: inherit;
top: inherit
}

Also I have changed the color in Style1.css

p.img_caption {
background: #ffffff;

Everything is as I like but I hope I didn't make something wrong. In any case I wanted to show.
User avatar
Expert Boarder


cron