Speakers data cols on frontpage

If you are planning to organize any conference or festival, there are many ways to get help via our forum.
GK User
Thu Aug 14, 2014 11:33 pm
Hi!

How do I change the cols of the speakers on the frontpage?

I see you used data-cols="4" and in the .css file there are rows for 1,2,3 as well but I can't find where i can change it.
User avatar
Junior Boarder

GK User
Thu Aug 14, 2014 11:50 pm
You can ignore this found the solution.

On the speakers page i've inserted cols="3" i've tried with data-cols="3" which didn't work. I couldn't find this in the documentation maybe it should be there. If it's already there, then my bad.
User avatar
Junior Boarder

GK User
Mon Aug 18, 2014 7:03 am
Hello,

Great to hear, that you've figured it out, you can find this information in the Events customization guide:
https://www.gavick.com/documentation/th ... er-columns
User avatar
Moderator

GK User
Fri Apr 10, 2015 9:46 pm
i wanted to have 6 speakers on a line, that is to have 6 columns. so i put this shortcode: [Speakers source="speakers" cols="6"]
but i ended up having 2 cols. I tried to have 8 cols then, but still i have two, why?:http://itef.kalemkultur.com/
User avatar
Senior Boarder

GK User
Sun Apr 12, 2015 8:27 am
i set it back to 4 cols. it really does not matter what i write there, i only get 4 or 2 cols. if i write 4, i get 4 cols. but if i write there 3,6,8 or 10, i get 2 cols each time.... strange....should i open a new post for this?
User avatar
Senior Boarder

GK User
Mon Apr 13, 2015 8:10 am
You can set the columns from 1 to 4 only, so when you are using the value more than 4 - it displays default 2 columns layout.
Le me know if you need more columns - i.e. 6 so I'll try to help you with custom css.
User avatar
Moderator

GK User
Mon Apr 13, 2015 8:29 am
yes i need to try 6 and it it looks good, i will be using 6 cols instead of 4. i wil be glad if you can help me with this...
User avatar
Senior Boarder

GK User
Mon Apr 13, 2015 9:58 pm
Ok, so leave the 6 value as your cols attirbute and add the following custom css code:

Code: Select all
.gk-speakers[data-cols="6"] > figure { width: 16.6666%; }
.gk-speakers[data-cols="6"] > figure:nth-child(6n+1) { clear: both; }
User avatar
Moderator

GK User
Wed Apr 15, 2015 7:45 am
i added the code to appearance/css stylesheet editor but nothing has changed on the site:http://itef.kalemkultur.com/
User avatar
Senior Boarder

GK User
Wed Apr 15, 2015 8:10 am
As I wrote in my previous post, you have to leave "6" value as your cols attribute:
Code: Select all
[Speakers source="speakers" cols="6"]
User avatar
Moderator


cron