Problem with "All our plans Include" custom module

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 Oct 04, 2013 10:12 pm
Reply with quote
Report this post
Hi!
I want to put 4 columns on this module with icons. My problem is even i just enter and save this module the icons dissapear. I use jce editor. Same with default joomla editor.
www.publitv.ro
User avatar
Platinum Boarder

GK User
Sat Oct 05, 2013 7:38 am
Reply with quote
Report this post
Try adding content with no html editor as sometimes editor strips out part of the html.
User avatar
Platinum Boarder

GK User
Sat Oct 05, 2013 1:30 pm
Reply with quote
Report this post
Could you help me further because i've tried with your solution but is still not working
User avatar
Platinum Boarder

GK User
Sat Oct 05, 2013 2:28 pm
Reply with quote
Report this post
Ok , i fixit, but i have still have one problem. i've set 4 columns but it shows only 2.
User avatar
Platinum Boarder

GK User
Sun Oct 06, 2013 4:33 am
Reply with quote
Report this post
Can you please sent me your admin access details so I can check this out.

My email normanuk[at]live.co.uk. Please include this topic link as your email subject so it is easy to find.

See you around...
User avatar
Platinum Boarder

GK User
Mon Oct 07, 2013 8:43 am
Reply with quote
Report this post
Hi norman!
I've send you pass and user 2 days ago. Do you receive it?
User avatar
Platinum Boarder

GK User
Mon Oct 07, 2013 8:44 am
Reply with quote
Report this post
No I haven't, Did you use this topics title as your email subject as I get a lot of emails and it is difficult to find them one by one so I just search with title keywords.
User avatar
Platinum Boarder

GK User
Mon Oct 07, 2013 10:29 am
Reply with quote
Report this post
yes i use the exact title of the topic
User avatar
Platinum Boarder

GK User
Mon Oct 07, 2013 10:43 pm
Reply with quote
Report this post
I am sorry but just checked again and there is no email, please try sending it again.
User avatar
Platinum Boarder

GK User
Tue Oct 08, 2013 7:11 am
Reply with quote
Report this post
I've sent you a pm. Please check
User avatar
Platinum Boarder

GK User
Tue Oct 08, 2013 10:16 am
Reply with quote
Report this post
If you are trying to create following look
http://awesomescreenshot.com/0941syde3a

Please use below css code in override.css or in template.css located in templates css folder, and then enable css override option in template settings > advanced settings > css override "on".

Code: Select all
.gkColumns[data-cols="4"] > div { width: 100%!important; }
.gkIcon { width: 25%!important ; }
User avatar
Platinum Boarder

GK User
Tue Oct 08, 2013 11:40 am
Reply with quote
Report this post
Yes it working, but one little problem. On mobile devices the icons doesn't look as tehy should. Please help!
Untitled-2.jpg
User avatar
Platinum Boarder

GK User
Tue Oct 08, 2013 12:03 pm
Reply with quote
Report this post
Replace your css code with below code and add it to override.css so code takes effect when screen resolution is 960px or higher.

Code: Select all
@media only screen and (min-width: 960px){
   .gkColumns[data-cols="4"] > div {  width: 100%!important; }
   .gkIcon { width: 25% !important; }
}
User avatar
Platinum Boarder

GK User
Tue Oct 08, 2013 12:36 pm
Reply with quote
Report this post
Thank you for your time. It works like a charm,
User avatar
Platinum Boarder

GK User
Tue Oct 08, 2013 12:39 pm
Reply with quote
Report this post
No problem at all, see you around...
User avatar
Platinum Boarder

GK User
Wed Oct 09, 2013 8:18 am
Reply with quote
Report this post
two problems after i modified .
1. the footer is diplayed in one column in desktop mode.
2. on mobile two columns missing from icons
User avatar
Platinum Boarder

GK User
Wed Oct 09, 2013 8:27 am
Reply with quote
Report this post
i wrote wrong. Two icons missing not two columns
User avatar
Platinum Boarder

GK User
Wed Oct 09, 2013 8:47 am
Reply with quote
Report this post
Its not missing you still have 12 icons in all versions, however if you pay attention 2 of your icons title are double line so it is increasing the height of the box there for next icon cannot flow to left as it is blocked so it kind of creates missing icon illusion : )

So perhaps a fix height in mobile view should be assigned. Try increasing 580px higher or lower to find sweet spot.
Code: Select all
@media only screen and (max-width: 580px){
   .gkIcon { height: 200px; }
}


See you around...
User avatar
Platinum Boarder

GK User
Wed Oct 09, 2013 7:26 pm
Reply with quote
Report this post
the last piece of code you give me i'll add on top of previous one?
User avatar
Platinum Boarder

GK User
Wed Oct 09, 2013 7:31 pm
Reply with quote
Report this post
I've tried with almost any max width but makes no difference. Could you help me further?
User avatar
Platinum Boarder

GK User
Wed Oct 09, 2013 7:48 pm
Reply with quote
Report this post
Ok i fixit but still the footer doesn't play nice :))
User avatar
Platinum Boarder

GK User
Wed Oct 09, 2013 9:02 pm
Reply with quote
Report this post
What is wrong with footer, left aligned text?

If it is you can center it.
Replace previous code with below.
Code: Select all
@media only screen and (max-width: 580px) {
   .gkIcon { height: 200px; }
   #gkBottom6 { text-align: center; }
}
User avatar
Platinum Boarder

GK User
Wed Oct 09, 2013 9:43 pm
Reply with quote
Report this post
it looks like this
Untitled-1.jpg
User avatar
Platinum Boarder

GK User
Thu Oct 10, 2013 8:13 am
Reply with quote
Report this post
Is this a mobile view ?
User avatar
Platinum Boarder

GK User
Thu Oct 10, 2013 9:09 am
Reply with quote
Report this post
desktop view
User avatar
Platinum Boarder

GK User
Thu Oct 10, 2013 10:04 am
Reply with quote
Report this post
Here is your final css

Code: Select all
@media only screen and (min-width: 960px){
   #gkMainbody .gkColumns[data-cols="4"] > div {  width: 100%!important; }
   .gkIcon { width: 25% !important; }
}
@media only screen and (max-width: 580px){
   .gkIcon { height: 200px; }
}


See you around...
User avatar
Platinum Boarder

GK User
Thu Oct 10, 2013 12:48 pm
Reply with quote
Report this post
Thanks a lot! It works perfect!
Many thanks!
User avatar
Platinum Boarder

GK User
Fri Oct 11, 2013 9:06 am
Reply with quote
Report this post
No problem at all, see you around...
User avatar
Platinum Boarder


cron