Got several issues with the templates

Professional Joomla social template with metro design and JomSocial extension support.
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
Thu Oct 17, 2013 6:24 pm
Reply with quote
Report this post
Need help with the site ( sayagaming.com )


- 1 --
http://frozenfire.us/gavick/1.jpg
------
I want to stop the site from scrolling after the black copyright bar

- 2 --
http://frozenfire.us/gavick/2.jpg
------
How can i use News Show Pro GK5 to show article like this only using 1 module, right now i use multiple modules


- 3 --
http://frozenfire.us/gavick/3.jpg
------
the like button is cropped

- 4 --
http://frozenfire.us/gavick/4.png
------
Can see nothing, in mobile using browser stack mobile test

- 5 --
http://frozenfire.us/gavick/5.jpg
------
This one is better result ( different device test ) but the News Show Pro GK5 at the main page layout is still error in mobile view, but not in desktop, so weird.

- 6 --
How can i use Social GK5 to display share link

- 7 --
Can i integrate comments between DISQUS / livefyre with jommla account


Thank you very much
User avatar
Fresh Boarder

GK User
Thu Oct 17, 2013 7:01 pm
Reply with quote
Report this post
Ok, step by step:
1)
Please edit: /templates/gk_msocial/css/override.css and add at its end:
Code: Select all
#gkFooter {margin-bottom: 0px;}

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

GK User
Thu Oct 17, 2013 7:06 pm
Reply with quote
Report this post
2.
It could be done, but would requite some custom css coding, as those 2 elements behave and look different (it woult require of css nth-child selector)

3.
add to override.css:
Code: Select all
.itemLinks .itemSocialSharing {overflow: visible;}
User avatar
Moderator

GK User
Thu Oct 17, 2013 7:07 pm
Reply with quote
Report this post
4.
You can imitate mobile view by simply resizing your browser window to lower width. I assure You, it works ok on mobile devices (fast checked on iOs6,7 and Android 4.1).
User avatar
Moderator

GK User
Thu Oct 17, 2013 7:09 pm
Reply with quote
Report this post
5.
Again, check it on reduced browser width

6.
Could You explain more clearly?

7.
Probably with use of some kind of plugin.
User avatar
Moderator

GK User
Fri Oct 18, 2013 5:09 am
Reply with quote
Report this post
the footer issue solved :D, thank you very much

1.
it seems the 3rd and 6th issues are the same thing ( social like and share button ), but it still cropped.
Please take a look again at this image, i've replaced it.
http://frozenfire.us/gavick/3.jpg

2.
2.
It could be done, but would requite some custom css coding, as those 2 elements behave and look different (it woult require of css nth-child selector)

if i those elements looks same like this how to do that, i want to limit it to 4 articles
http://frozenfire.us/gavick/2.jpg

3.
I don't know if it's browser issues too but, i check from my virtual box using WXP - IE8 the grid didn't work well.
http://frozenfire.us/gavick/1.jpg

and i've tested using my BlackBerry 9790 and it displayed like this :
http://frozenfire.us/gavick/5.jpg
The GK5 Grid's fine but the News Show PRO GK5 at the bottom looks weird.

I've tested in PC by resizing the browser, and it looked fine just like you said, i'm confused why is this happening in mobile device.

and using browser stack test, the results got some errors:
http://www.browserstack.com/screenshots ... e4a17e90c9
User avatar
Fresh Boarder

GK User
Fri Oct 18, 2013 4:39 pm
Reply with quote
Report this post
1.
Try adding this to override.css:
Code: Select all
div.fb-like span {
    width: 450px;
    overflow: visible;
}


2. You can do it in NSP settings - now You have 2 modules with limited number of articles to 1 - just change number of articles to 4 and module should show 4.

3. Ill report that to our dev team.
User avatar
Moderator

GK User
Fri Oct 18, 2013 7:09 pm
Reply with quote
Report this post
1.
it's still croppped, but at the moment i use this code :
Code: Select all
.fbpd1 {
   width: 260px;
}



2.
I'm sorry but i can't find the parameter to change the number of articles of News Show Pro GK5, i'm confused.

3.
I'll be waiting

Thank you very much
User avatar
Fresh Boarder

GK User
Fri Oct 18, 2013 9:21 pm
Reply with quote
Report this post
1.
try this way:
Code: Select all
div.fb-like span {
width: 450px !important;
overflow: visible !important;
}
User avatar
Moderator

GK User
Sat Oct 19, 2013 2:24 am
Reply with quote
Report this post
Cyberek wrote:1.
try this way:
Code: Select all
div.fb-like span {
width: 450px !important;
overflow: visible !important;
}


This one works great :D

2.
btw, i still haven't find where to put limit number of articles in News Show Pro GK5
User avatar
Fresh Boarder

GK User
Sun Oct 20, 2013 10:10 am
Reply with quote
Report this post
Please send me a PM with:
1. URL to your website
2. login and password of user with admin/super-admin privileges (please create one for me)
3. link to this thread
User avatar
Moderator

GK User
Tue Oct 22, 2013 6:42 am
Reply with quote
Report this post
Cyberek wrote:Please send me a PM with:
1. URL to your website
2. login and password of user with admin/super-admin privileges (please create one for me)
3. link to this thread


how is it going?
User avatar
Fresh Boarder

GK User
Thu Oct 24, 2013 5:29 pm
Reply with quote
Report this post
I would bet, there should be an option to select number of articles to show. Ill ask our dev team tomorrow and write You back, but Right now, the solution You have used is the only available (in my knowledge).
User avatar
Moderator

GK User
Mon Oct 28, 2013 6:06 am
Reply with quote
Report this post
@Cyberek

please tell them about the layout error too :
( this one : http://frozenfire.us/gavick/5.jpg )

thank you :)
User avatar
Fresh Boarder

GK User
Mon Oct 28, 2013 5:04 pm
Reply with quote
Report this post
The mobile bug has still status open, so it seems devteam is working on the case.
User avatar
Moderator

GK User
Thu Mar 13, 2014 12:16 pm
Reply with quote
Report this post
Please edit file:
/templates/gk_msocial/css/k2.css
Change line number 437:
from
Code: Select all
.itemList article {
     clear: both;
    margin-top: 38px !important;

  }

to:
Code: Select all
.itemList article {
     clear: both;
    margin-bottom: 38px !important;
  }


and starting from line 446 remove those lines:
Code: Select all
.itemList article { padding-top: 48px; }
.itemsContainer:first-child .itemList article,
.itemsContainer .itemsContainerWrap .itemList article,
#itemListLeading .itemContainer:first-child article.itemView,
.genericView .itemList article:first-child {
    border: none;
    margin-top: 0 !important;
    padding: 0
}

and replace them with this line:
Code: Select all
.itemList article { padding-bottom: 48px; }

Or just use patch attached:
00a4d60f3b2be71f6a03abec52654e0c9ac5238b.patch.zip
User avatar
Moderator


cron