gkTeam col4 animate_queue - Issue

Responsive, suitable for any type of business, built for any needs elegant one-page Joomla template.
Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Fri Aug 01, 2014 8:55 am
Reply with quote
Report this post
Hello and have a nice month!

I 've got an issue concerning gkTeam col4 animate_queue class.

I would like to know if there is a way to enter more partners in a row. As far as I can see, only 4 are allowed. Can I change this number?

printscreen(1).png


Thanks for your time.
User avatar
Expert Boarder

GK User
Fri Aug 01, 2014 11:38 am
Reply with quote
Report this post
Do you mean "About" section?
Could you please post an url to your site?
User avatar
Moderator

GK User
Fri Aug 01, 2014 11:50 am
Reply with quote
Report this post
Yeap! This is the link to my site http://learn2learn.gr/
I mean the "Our favourite partners . . ." section..
User avatar
Expert Boarder

GK User
Fri Aug 01, 2014 11:54 am
Reply with quote
Report this post
Your content need to fit in specific area. Also when you reduce browser width elements needs to react - with 4 - you can split them in 2 groups and finally show them each under previous. With 5 this logic will not work and you would need to implement your own RWD behave.
Of course you can add additional element, but then you need to make width of each element lower. Also counting correct width witn % as it is done right now - is impossible with odd number of elements.
User avatar
Moderator

GK User
Fri Aug 01, 2014 12:07 pm
Reply with quote
Report this post
So if I understand correctly.... I can achieve scenario 2 of my printscreen but I cannot achieve scenario 1. Right?

printscreen(1).png
User avatar
Expert Boarder

GK User
Fri Aug 01, 2014 12:11 pm
Reply with quote
Report this post
No :(.
3 is also a odd number. This way you would also need to calculate elements dimensions differentially.
Please try resizing your browser and watch how those elements change.
User avatar
Moderator

GK User
Fri Aug 01, 2014 1:25 pm
Reply with quote
Report this post
OK. I checked it on my browser. Could you please guide me on how to make width of each element lower as you mention above?
User avatar
Expert Boarder

GK User
Mon Aug 04, 2014 10:34 am
Reply with quote
Report this post
With 4 elements Please edit: /templates/gk_creativity/css/override.css and add at its end:
Code: Select all
.gkTeam.col4 figure {
width: 23%;
}

Remember to enable "CSS override" in template settings - advanced section.
User avatar
Moderator


cron