Image reduced in articles k2, with text around the image

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 Sep 18, 2012 9:36 pm
Reply with quote
Report this post
In an article k2 is possible to put a thumbnail image, and run text around the image.
To leave no a blank space, on the side of the image.

To obtain this:
http://www.vegetariani-roma.it/veganismo-2/aspetto-salutistico-2/470-tabella-orac-alimenti-antiossidanti.html

thanks
User avatar
Junior Boarder

GK User
Wed Sep 19, 2012 4:39 pm
Reply with quote
Report this post
Hi

Sure ;)

Go to template parameters > advanced settings and enable the use of css override.

Them open this file on template directory: ../css/override.css and add this lines on that file.

Code: Select all
.itemImageBlock {float: left; margin: 10px 20px 0 0}


cheers
User avatar
Platinum Boarder

GK User
Thu Sep 20, 2012 7:25 am
Reply with quote
Report this post
Hi

thanks you, very kind

I followed the instructions but does not work


this is the page with article k2 of my site:

http://www.veggiefriends.it/mutuo-prest ... i-un-mutuo

I remember that the article is in k2 :)

thanks
User avatar
Junior Boarder

GK User
Thu Sep 20, 2012 11:51 am
Reply with quote
Report this post
ok
i miss something :P

Please use instead:

Code: Select all
/* Here you can include your override CSS styles */
.itemImageBlock,
.itemFullText img {float: left; margin: 10px 20px 0 0}


Now it should look like this:

screen.png


Cheers
User avatar
Platinum Boarder

GK User
Fri Sep 21, 2012 2:45 am
Reply with quote
Report this post
Fantastic, it works great!
sorry,
another question,
is possible reduce the image in thumbnail,
and click on thumbnails to enlarge in pop up?

for obtain this:
http://www.vegetariani-roma.it/veganismo-2/aspetto-salutistico-2/470-tabella-orac-alimenti-antiossidanti.html

Thanks
User avatar
Junior Boarder

GK User
Fri Sep 21, 2012 10:00 am
Reply with quote
Report this post
Yes it's possible.
You can set different thumbnail sizes on K2 settings between:

Item XSmall image width (in px)
Item Small image width (in px)
Item Medium image width (in px)
Item Large image width (in px)
Item XLarge image width (in px)

So you can select which size do you want to display on category view, category list view, item view, on tag view or on user page view.
Them if the user clicks on the thumbnail, it will display bigger size on popup window.

One thing that you need to know about K2 settings is that they are inherit or overruled.

screen.png


So if you select (e.g.) a different image size on specific item parameters, it will overrule the global and category settings.

Cheers
User avatar
Platinum Boarder


cron