Tag listings - Change layout

Premium sports magazine Joomla template with clean, easy to customize and unique design.
GK User
Wed Apr 03, 2013 2:12 am
Hi,

is there any possibility to change the tag listing layout on this template? Instead of having one item listed per row, I would like to have 3 or 4 items listed for each row. Thus, somehow I need to create 3 or 4 columns for the tag display layout...

Instead of this..
Image


I would like it like this:
Image


Thanks in advance..
User avatar
Junior Boarder

Konrad M
Wed Apr 03, 2013 7:23 am
Hi,
if you like to have 3 itmes in row please add to override.css
Code: Select all
#k2Container.genericView article.itemView {
    float: left;
    width: 30%;
    clear:none;
}

and if you would like 4 items try this:
Code: Select all
#k2Container.genericView article.itemView {
    float: left;
    width: 23%;
    clear:none;
}
and remember to enable override.css option in template settings.
User avatar

GK User
Wed Apr 03, 2013 11:29 pm
Great.. it works.. any ideas on how to change the font size for the items' titles?
User avatar
Junior Boarder

Konrad M
Thu Apr 04, 2013 8:12 am
Please try add to override.css
Code: Select all
#k2Container.genericView article.itemView header h1 {
    font-size:40px;
}

and decrease this value to fit your needs.
User avatar

GK User
Thu Apr 04, 2013 4:45 pm
That's just great...

Can I ask two more questions if you have the time...

1. Is it possible to display the parent category title as page title on the tag listing page... At the moment nothing is being displayed as page title..
2. Any ideas on how to align text (introtext I think) with image for each item? Text is being displayed underneath the image but exteds further to the right....

Thank you for your valuable time Konrad...!
User avatar
Junior Boarder

Konrad M
Fri Apr 05, 2013 12:34 pm
1. It is extra customization and we don't support it.
2. Please try add this code to override.css
Code: Select all
#k2Container.genericView .itemImageBlock {
float: left;
margin-right: 10px;
}

and remember t oenable override.css option in template settings.
User avatar

GK User
Fri Apr 05, 2013 5:03 pm
Ok, thought so about number 1.

Regarding number 2, figured that you were about lining the image instead...

I took your code but used itemIntroText instead of itemImageBlock... messed around with the margin-right value and that's it!

Thanks for everything!

I have another question but I'll post that into another topic. Case solved!
User avatar
Junior Boarder


cron