Game Magazine: Jomsocial pagination error

Hi, I have a problem in visualizing Jomsocial pagination. In all the pages the pagination is visualized vertically instead of horizontally: I'll attach an image (the memberlist page) to let you see the problem.

Moreover I have noticed the same problem in the demo of your template Musicity, too.

Joomla version: 1.7.3

Template Game Magazine version: 1.1

How can I solve this problem?

You are probably missing css class that is used by jomsocial and not available in Game Magazine. If you post a link to your website I ll post a solution.


See you around...

Did this get solved? Ive just used latest template files for Joomla 2.51 and jomsocial 2.4 and its STILL happening.

http://saf.net.nz/Videos/Videos/

Did this get solved? Ive just used latest template files for Joomla 2.51 and jomsocial 2.4 and its STILL happening.

http://saf.net.nz/Videos/Videos/

I forgot to mention there are layout errors on parts of the page too.

Please add following css in your override.css file. ( templates/gk_templatename/css/override.css )

Code: Select all

#community-wrap .pagination-container ul li { display: inline; margin: 10px; }


You might have to enable CSS Override feature from Template Settings > Advanced Settings > CSS Override "On".

See you around...

Excellent, works well thanks.

Can you see on the same page the categories list, and the odd spacing between some of the category listings, whats the cause for that?

Add below css to override.css and change colors or spacing as you require.

Code: Select all

#community-wrap .c3colList li { font-size: 14px; height:30px; }
#community-wrap .c3colList li a { background-color: #333333 !important; border-radius: 5px; margin: 5px; padding: 5px 10px; }


See you around...

Excellent, that sorted it out. Went with the following :

Code: Select all

/* community video categories styling */
#community-wrap .c3colList li { font-size: 12px; height:30px; }
#community-wrap .c3colList li a { background-color: #333333 !important; border-radius: 5px; margin: 0 5px 5px 5px; padding: 2px 8px 2px 8px; }


Looks great. Good work on your template.

See you around...