Hello everyone! I'm using GavickPro's PostNote template and it displays the "item tools" (author, date created, hits, social sharing, etc.) on the left side of the article itself (link to my site that I'm working on now).I have two issues:1- NONE of the images are showing up for social sharing. I'm not getting any clear answer on the Gavick forum as to why or what to do about it, so I thought I'd ask here. I am absolutely positive that they are uploaded, and they are linked correctly within the k2.css that is inside the template, and also within the K2 component css file (I didn't do anything to them, just looked, and yes, they all point to the correct spot on the server)
2- I desperately need to move the "item tools" to below the article - they don't look right on my site and it takes up valuable real estate that I need for the article itself. I would like them to display below the articles like I have on this other site.
I'm just not sure how to manipulate or what to manipulate in order to force the article tools below. And if they aren't working at all, how to just make them disappear? (but that would be a shame)You will be able to see exactly what I am talking about by clicking the first link. The second link shows my pride and joy - I *LOVE* K2 !!

What happens when you switch to a default template? Have you firebuged default template and then current template to see the differences?

Honestly, I hadn't thought of that! I will try that today and see what I find. Thank you =)

Ok, when I look at k2.css within the GK PostNote template, it delineates the "ItemTools" block to be on the left in its own column like so:

/* --- Additional left column in itemView --- */

#k2Container div.k2itemColumn {float: left; width:220px;}

#k2Container div.itemTools {clear: both; padding: 20px; }

#k2Container div.itemTools ul li { line-height: 2.5; border-bottom: 1px dotted #ccc}

#k2Container div.itemTools a.itemEmailLink {margin-left: 6px; padding-left: 6px; border-left: 1px solid #ddd}


whereas in the k2.css (in components/com_k2/css/k2.css) it does not anywhere say "itemTools" at all... each of the "tools" are just delineated separately, typically with a "display:block;float:left;"...

I switched the template to Ja_Purity and the font re-size, print & email, + author were at the top of the article, with the "additional info" (extra fields) at the bottom.

And the social sharing graphic buttons don't show up when I switched the template to Ja_Purity either? Weird!

I don't want to take all of these "itemTools" OUT, I just don't know how to move them to the top and bottom of the article within the PostNote template (like it does here) for example, just removing that left column entirely... any ideas?

I don't mean to be dense, I just don't know how to eliminate the column and put these items where (in my opinion) they look much better...

Just a quick note. I did a quick install of your template file. and looked at an existing article.
It came out as attached. Ill look further later
and will respond to your email after "thought"

Very interesting... I wonder why my social icons and font re-sizer icons aren't showing up?? I didn't change the links within the css files anywhere and I can see them on the server. *scratches head* hmmm

One of the moderators over on the GK forum told me the answer:

in templates/gk_postnote/style1.css in class:

Code:
.k2itemColumn a {
background:none repeat scroll 0 0 transparent;
color:#444444 !important;
}


remove the line with background.

And it worked!! So that makes me very happy - now to just figure out how to make the tools show up on the top (author name, date, font re-sizer, print, email) and bottom (additional info, tweet this, social sharing icons, category) like K2 normally does...

Unfortunately, they will not any questions about 'customisation' so I'm left back at square one for moving the K2 elements around... :/

Do you have the spirit to add an change an own K2-template? Then it's simple, put the itemTools-DIV under the k2ItemContent-DIV.

Thank you, Titus for your suggestion! I did that modification in the k2.css that is within the gk_postnote folder - the original was this (at the very bottom of the css file):

/* --- Additional left column in itemView --- */

#k2Container div.k2itemColumn {float: left; width:220px;}

#k2Container div.itemTools {clear: both; padding: 20px; }

#k2Container div.itemTools ul li { line-height: 2.5; border-bottom: 1px dotted #ccc}

#k2Container div.itemTools a.itemEmailLink {margin-left: 6px; padding-left: 6px; border-left: 1px solid #ddd}

So I moved the k2ItemColumn to here (in that same block as noted above):

#k2Container div.k2ItemContent, div.itemCommentsForm form {padding-left: 240px;}
div.itemCommentsWrap {padding: 0 20px 20px 240px;}
#k2Container div.k2itemColumn {float: left; width:220px;}

I think however, that it is necessary to get rid of the "item column" altogether, as making that change had absolutely no effect. I'm still stumped!

Hey Carolyn,

Most common reasons for missing images are either the wrong link, or the image folder has not been transferred from one Joomla template to another in the correct position, so it would be good to check those first.

You are seeing the GK have done a good job to provide information on the styling for their version of the K2 template, so you will not see that in your default k2 or from another provider.

The beauty of K2 is that it is a big bunch of blocks of code, so you can take elements from the "item tools" and move them where you want.

Further example of K2 templates, can also be seen on k2joom.com.

As William has said, get Firebug for FireFox, this will allow you to right click a part of your site, this will then show you the html code and the css rules used on the element. You can then make live changes to the html and css live and it will update just your view. It will help you identify which css file and part to modify.

Let us know how you get on.

Simon
K2 Support

Thank you, Simon. I have Firebug and the Webmaster's tools for FF and have been wracking my brains over this for a while. I did get the icons to show up but my issue is how to move k2ItemTools from being in a column to displaying as they normally do in K2.

I will hop over to K2Joom to see what I can learn there because this is very problematic for me. The template is beautiful and I've made a lot of effort to customise it, but this is one of the remaining items I must get worked out before it's official launch.

Is the site live? If so can you provide a link or even a latest screen shot showing the current laout and an explantion of how you want it to be displayed.

I can then offer some advise.

Simon

K2 Support

Thank you, Simon - you can see it < a href="thesecretmystery.nwolibrary.com/workshops/item/2-duality" target="_blank"> here.

Well... I tried copying the 'default' folder and renaming it to 'my_test' and putting it in the same place (i.e., templates/gk_postnote/html/com_k2/) and in the categories I cannot even select it as a different template in the K2 section of Admin! I don't know what's going on?

To make sure this is not a template issue, try it with the milkey way template and make sure its working properly there.
The links i was talking about are at:
simon.getk2.org/component/k2/item/91-templating
and
simon.getk2.org/downloads/free-extensions/item/26-css-4-k2


Carolyn Harris said:Well... I tried copying the 'default' folder and renaming it to 'my_test' and putting it in the same place (i.e., templates/gk_postnote/html/com_k2/) and in the categories I cannot even select it as a different template in the K2 section of Admin! I don't know what's going on?

After all of that I noticed that the "default" folder under templates/gk_postnote/html/com_k2/ is not inside another folder "templates" so when I put my "my_test" in there, that is why it didn't show up. I did use that extension you mentioned and that helped, but it still looks all wonky... it's no longer in a separate column beside the entry, it is above it, but the tags are all in one column, lol But it's getting closer!!