Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Issue with the avatar location on profile page

Featured Lock Resolved
I have sat up the social template for my social site, and when I made the social template for JomSocial its default template I have noticed an issue on the users profile page.

When you go to profile on the JomSocial's toolbar it brings up the users profile. Right away you see their picture, and their name, and the infomation about Points, Groups, Friends, Photos, and Activites. Right there everything is all off, it is not lined up properly.

The rest of the template is great, it is just that one spot. Is there any way to correct this issue?

Attached is a screen shot that I am talking about with the issue. The area with the red box around it is the problem area.



Also, I need to know what the Module Class Suffixes are for the JomSocial Template, so I can style the modules that I am adding to the JomSocial positions?

Attachments (1)

  • image.png
    image.png

15 Answers

Kawshar Ahmed - Senior Staff

More than a month ago #Permalink
This is the feature of Social template.
Well, most important is that you need to update your social template from our site as we release update for jomsocial 2.4.1

Thanks

Mark

More than a month ago #Permalink
Ok, then can you tell me what the module suffixes are for the JomSocial Template, so I can style the module?

Kawshar Ahmed - Senior Staff

More than a month ago #Permalink
You need to edit the style.css file of jomsocial template to fix it. Edit codes after /*Profile View*/ line.

Mark

More than a month ago #Permalink
I need to no what the Module Class Suffix is, so I can style modules, so they look like the other modules on the JomSocial page.

http://www.joomshaper.com/media/kunena/attachments/legacy/images/image-20111221.png

Attachments (1)

  • image-20111221.png
    image-20111221.png

Mark

More than a month ago #Permalink
Also, what section in the CSS style sheet controls the numbers, text, and box?

http://www.joomshaper.com/media/kunena/attachments/legacy/images/image_2.png

Attachments (1)

  • image_2.png
    image_2.png

Kawshar Ahmed - Senior Staff

More than a month ago #Permalink
We did not use any module class suffix for modules in JomSocial page. Just save the module in position js_left_bottom.
Please look at style.css file of social template. Its may be in line 140.

Mark

More than a month ago #Permalink
Ok, the only problem when I put the module in any of the JomSocial positions it doesn't style them to look like the other modules that are in the template.

So basically the modules are just plain with no style to them, and they do not match the styling of the other modules.

I need away to style the modules I added, so they look like the other modules in the Social template for JomSocial.

Also, that line number 140 in the Style sheet did not correct the number or the box issue that I mentioned earlier.

Mark

More than a month ago #Permalink
Update:

Ok, I got the table with the numbers and text figured out.

All I need now is away to style the modules that I add to the Scoial template for JomSocial.

http://www.joomshaper.com/media/kunena/attachments/legacy/images/image-20111224.png

Attachments (1)

  • image-20111224.png
    image-20111224.png

Kawshar Ahmed - Senior Staff

More than a month ago #Permalink
Well, it will be better if you use firebug to detect responsible classes. Please search at youtube to learn the use of firebug. Also I am seeing that you are using old jomsocial template which is not compatible with jomsocial 2.4.1.
I am suggesting you to update the template.

Mark

More than a month ago #Permalink
Ok, and I am using the lastest version of the JomSocial Template. If the version that is highlited is old let me know. This is the one that came with the template, and that is posted on your site. I just do not understand why when this template was made that there was no styling done for the JomSocial positions on this template. I see all the postions are setup in the JomSocial template

js_side_top

js_side_bottom

js_profile_top

js_profile_bottom

js_profile_side_top

js_profile_side_bottom

js_profile_feed_top

js_profile_feed_bottom

js_groups_side_top

js_groups_side_bottom

but why isn't there any styling assoicated with them, so when you add a module to one of these postions it styles it like the other modules that are already added by default? All of your other templates are setup to style added modules when you add it to ceartain potions within the template. What is different about this template?

http://www.joomshaper.com/media/kunena/attachments/legacy/images/image-20111225.png

Attachments (1)

  • image-20111225.png
    image-20111225.png

Kawshar Ahmed - Senior Staff

More than a month ago #Permalink
Can you send me your admin access with the name of the module that you are trying to publish commuity page?

Mark

More than a month ago #Permalink
Do you have an email address, or away to send you a private message?

Kawshar Ahmed - Senior Staff

More than a month ago #Permalink
Please use contact form.

Mark

More than a month ago #Permalink
I got my issue resolved. I downloaded Pretty Modules in which allows me to style modules with css.

I would suggest when you update the JomSocial template that you either style the JomSocial added positions, or add module class suffixes so you can style the module.


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 114
Sifat

Sifat

Total Accepted Answers: 60
Toufiq

Toufiq

Total Accepted Answers: 48
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 21
Ofi Khan

Ofi Khan

Total Accepted Answers: 16

118

Templates

303859

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us