Joomla Templates Club 406,261 posts

[kadad Friend kadadJoin date: August 2010Posts: 129Downloads:0Uploads:0 Thanks: 16 Thanked: 1 times in 1 posts]

#177514

Hi,
on K2, item presentation is not very nice.

As you can see on that url : http://www.gps.gf/index.php?option=com_k2&view=item&id=1012:junior-va-aux-urgences

1)
Image pushes the text far above. I’d like image to be on the right for example and text on its left.

2)
If an extrafield is empty, the next extra field is not on the next line but beside it. I’d like 1 extrafield by line even if it is empty.

3)
The dots that should be before text on “product details” and tags and social share are not at the right place. The same problem is seen on category view.

Anyone has a solution or tell me how to change it. Thank you for your help.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#454830

HI kadad,

1)Image pushes the text far above. I’d like image to be on the right for example and text on its left.
you open the file of components/com_k2/css/k2.css look for this css

div.itemImageBlock {
margin: 0 0 16px;
padding: 8px;
}

change it to

div.itemImageBlock {
margin: 0 0 16px;
padding: 8px;
float:left;
}

2)If an extrafield is empty, the next extra field is not on the next line but beside it. I’d like 1 extrafield by line even if it is empty.
also on that k2.css file you search for this css

div.itemExtraFields ul li {
display: block;
}

change it to

div.itemExtraFields ul li {
display: block;
height: 25px;
}

3)The dots that should be before text on “product details” and tags and social share are not at the right place. The same problem is seen on category view.
I think you should remove those dots, you can open the file of plugins/k2/k2mart/tmpl/css/style.css look for this css

div.itemVmFields ul li {
border-bottom: 1px dotted #CCCCCC
display: block;
padding: 2px;
}

change it to

div.itemVmFields ul li {
background: none repeat scroll 0 0 transparent;
border-bottom: 1px dotted #CCCCCC
display: block;
padding: 2px;
}

Open the file components/com_k2/css/k2.css look for this

div.itemTagsBlock ul.itemTags li {

display: inline;
list-style: none outside none;
margin: 0;
padding: 0 4px 0 0;
text-align: center;
}

change to

div.itemTagsBlock ul.itemTags li {
background: none repeat scroll 0 0 transparent;
display: inline;
list-style: none outside none;
margin: 0;
padding: 0 4px 0 0;
text-align: center;
}

on the same file components/com_k2/css/k2.css you look for this

div.itemSocialLinksBlock ul.itemSocialLinks li {

float: left;
list-style: none outside none;
margin: 0;
padding: 0 4px;
}

change to

div.itemSocialLinksBlock ul.itemSocialLinks li {
background: none repeat scroll 0 0 transparent;
float: left;
list-style: none outside none;
margin: 0;
padding: 0 4px;
}

I hope those changes would help.

[kadad Friend kadadJoin date: August 2010Posts: 129Downloads:0Uploads:0 Thanks: 16 Thanked: 1 times in 1 posts]

#454878

You are very effective. There are still some change to be done to be perfect :

1) How can I reduce blank space between extrafield label and extrafield value on the K2 item ?
2 ) Same thing for the product information ?
3) On category display, the same on product information
4) On category display, there are still dots

Thanx again for your intervention.

[kadad Friend kadadJoin date: August 2010Posts: 129Downloads:0Uploads:0 Thanks: 16 Thanked: 1 times in 1 posts]

#454921

<blockquote>2 ) Same thing for the product information ?</blockquote>

In plugins/k2/k2mart/tmpl/css/style.css, change percentage :

div.itemVmFields ul li span.itemVmFieldsLabel {display:block;float:left;font-weight:bold;margin:0 4px 0 0;width:15%;}

[kadad Friend kadadJoin date: August 2010Posts: 129Downloads:0Uploads:0 Thanks: 16 Thanked: 1 times in 1 posts]

#454922

<blockquote>1) How can I reduce blank space between extrafield label and extrafield value on the K2 item ?</blockquote>

In components/com_k2/css/k2.css change percentage :

div.itemExtraFields {margin:16px 0 0 0;padding:8px 0 0 0;border-top:1px dotted #ddd}
div.itemExtraFields h3 {margin:0;padding:0 0 8px 0;line-height:normal !important;}
div.itemExtraFields ul {margin:0;padding:0;list-style:none;}
div.itemExtraFields ul li {display:block;height: 25px;}
div.itemExtraFields ul li span.itemExtraFieldsLabel {display:block;float:left;font-weight:bold;margin:0 4px 0 0;width:16%;}
div.itemExtraFields ul li span.itemExtraFieldsValue {}

1 user says Thank You to kadad for this useful post

1. Sherlock

[kadad Friend kadadJoin date: August 2010Posts: 129Downloads:0Uploads:0 Thanks: 16 Thanked: 1 times in 1 posts]

#454924

Only 4th part is still to correct :

<blockquote>4) On category display, there are still dots
</blockquote>

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#454943

<em>@kadad 322137 wrote:</em><blockquote>Only 4th part is still to correct :</blockquote>

Could you give me the url where this problem can be seen ?

[kadad Friend kadadJoin date: August 2010Posts: 129Downloads:0Uploads:0 Thanks: 16 Thanked: 1 times in 1 posts]

#455029

Here your are, on tags and download (and on video I guess but I didn’t put any) :

http://www.gps.gf/index.php?option=com_k2&view=itemlist&layout=category&task=category&id=18&Itemid=120

And here on item presentation, download :

http://www.gps.gf/index.php?option=com_k2&view=item&id=1012:junior-va-aux-urgences&Itemid=120

Thanx for your help.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#455133

Hi kadad,

Don’t you apply the change that I suggested you before ? I Don’t see any change at this url http://www.gps.gf/index.php?option=com_k2&view=item&id=1012:junior-va-aux-urgences

[kadad Friend kadadJoin date: August 2010Posts: 129Downloads:0Uploads:0 Thanks: 16 Thanked: 1 times in 1 posts]

#455253

It is your browser cache that causes the problem. On my side I see all the corrections.

[kadad Friend kadadJoin date: August 2010Posts: 129Downloads:0Uploads:0 Thanks: 16 Thanked: 1 times in 1 posts]

#458222

No news about that problem ?

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#458278

Hi kadad,

You can open the file of templates/ja_larix/css/template_css.css look for this css

ul li {
background: url(“../images/bullet-list.gif”) no-repeat scroll 18px 8px transparent;
line-height: 180%;
padding-left: 30px;
}

change it to

ul li {

line-height: 180%;
padding-left: 30px;
}

That would help to remove the dots

[Author]

Posts