I had a fairly successful upgrade from 3.2.1.6 to the new 4.0.1. As you can see in the screen shot the pagination controls are vertical and not horizontal. If this is not a bug, can you direct me to where the file is located so I can perform a hack to correct this? Occurs in both Photos and Videos.

Live Site:
fairfax2015.com/911social/videos
fairfax2015.com/911social/photos

Hi, Craig.

I can't login to your site backend to check what version of Socialize do you use.
Is it 2? How did you upgraded? Installing on top of older version?

Try to uninstall it and install again. Some old files from Socialize 1.2.9 may cause that issue.
Remember to make a safe copy of template files before you remove it...

Not using Socialize. This is the same template I have been using since JomSocial 2.X. I don't see any jquery conflicts when looking at the elements via Chrome.

I updated the admin password. My apologies on that.

Hi, Craig.

This is caused by your template:

ROOT/templates/kallyas/css/template.css.php?src=..%2Fcss%2Fjsystem-..%2Fcss%2Fbootstrap-..%2Fcss%2Fbootstrap-flat-..%2Faddons%2Fsuperfish_responsive%2Fsuperfish-..%2Fcss%2Ftemplate-..%2Fcss%2Fbootstrap_responsive-..%2Fcss%2Fupdates-..%2Fcss%2Fcustom

.pagenav:before, .pagenav:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}

Corrected the issue in the Jomsocial Style.css file. Putting it here in case others have the same issue. By changing the display:inline !important to display: inline-block it corrected the issue.

File located at components/com_community/templates/jomsocial/assets/css/style.css

.joms-pagination a, .joms-pagination span {
display: inline-block
border: 1px solid #ddd;
background: white;
padding: 8.65248px 14px !important;
margin-left: -1px;
position: relative;
color: #333; }