K2 Links Layout

Rate this topic: Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.
GK User
Thu Apr 03, 2014 10:49 pm
Reply with quote
Report this post
Hello,

Despite what settings I select in 'Edit Category' in K2, the links on my category pages (at the bottom in the "More..." section), don't appear to format themselves correctly.

Ideally I'd like two columns of bullet points for the links here but I can't seem to find where and how to do it... I've attached a screenshot of what I mean... it just looks at bit of a mess as it is!!!

Image

Thanks in advance!!
Kevin
User avatar
Fresh Boarder

teitbite
Sat Apr 05, 2014 4:38 pm
Reply with quote
Report this post
Hi

Please show me Your site.
User avatar
Moderator

GK User
Sat Apr 05, 2014 5:15 pm
Reply with quote
Report this post
www.newsonnews.com

If you go to any category (that has articles!!) then you will see the links at the bottom.

Thanks
Kevin
User avatar
Fresh Boarder

teitbite
Mon Apr 07, 2014 6:51 pm
Reply with quote
Report this post
Hi

Please add this to css:

Code: Select all
#itemListLinks {
    padding: 30px;
}

#itemListLinks li {
    background: url("your_bullet_image.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    color: #999999;
    display: block;
    font-size: 13px;
    margin: 0;
    padding-left: 25px;
}
User avatar
Moderator

GK User
Mon Apr 07, 2014 7:24 pm
Reply with quote
Report this post
Hi,

Thanks for that! Looks 100% better already!!

It isn't giving two columns in K2 though, even when selected in the category settings???

Also... On a side note, is it possible in the secondary items area of categories, to only show the title and image??

Thanks again, super stuff!!!

Kevin
User avatar
Fresh Boarder

teitbite
Tue Apr 08, 2014 4:02 pm
Reply with quote
Report this post
Hi

Use this code for 2 columns, but it doesn't look so cool:

Code: Select all
#itemListLinks li {
    background: url("http://newsonnews.com/nonbullet.png") no-repeat scroll left 5px rgba(0, 0, 0, 0);
    color: #999999;
    display: block;
    float: left;
    font-size: 13px;
    margin: 0 5% 0 0;
    padding-left: 3%;
    width: 42%;
}


To hide elements in secondry area please add this code to css:

Code: Select all
#itemListSecondary .itemBody {
display: none;
}
User avatar
Moderator


cron