How to make caption float to the right for image in k2?

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
Sun Sep 09, 2012 11:25 am
Reply with quote
Report this post
Hello guys please tell me How to make caption float to the right for image in k2?
User avatar
Platinum Boarder

GK User
Sun Sep 09, 2012 1:14 pm
Reply with quote
Report this post
Hi

If you are referring to float k2 image to right, you can use:

Code: Select all
.itemImageBlock {float: right}


If you are referring to text caption:

Code: Select all
.itemImageCaption {text-align: right}


Please use place this on ../css/override.css file.
You need to enable the use of css override on template parameters > advanced settings.

Cheers
User avatar
Platinum Boarder

GK User
Mon Sep 10, 2012 7:56 am
Reply with quote
Report this post
Thanks it works. But can you also help me make it go over the image with a white background at the bottom right corner like you guys have it on the GameMagazine template
User avatar
Platinum Boarder

GK User
Mon Sep 10, 2012 10:43 am
Reply with quote
Report this post
Hi again

Try adding something like this on override.css file:

Code: Select all
.itemImageBlock {position: relative;}

.itemImageCaption {position: absolute; bottom: 15px; right: 30px; background: #fff; padding: 3px 10px!important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }


Cheers ;)
User avatar
Platinum Boarder

GK User
Mon Sep 10, 2012 8:41 pm
Reply with quote
Report this post
It works . Thanks a lot
User avatar
Platinum Boarder


cron