Modify ja events ii

yodam1

Hi,
Sorry. I've rewrited this Discussion because I need a fast answer.

Have you advices on how to melt Ja Social II and Ja Events II to create a single template?

I mean copy parts of css and html overrides of ja social ii inside directories of ja events ii and so use only ja events ii.
I need some advices about this procedure

Thanks!

Ninja

yodam1
Hi
A template is not an extension to override it in another extensions.
As i shared in other tickets both template are different in structure and files.
If you want some of the style that is on JA Event II template and want to use it JA Social II,
you can use insect element from browser to check the style and then copy this style to apply it on JA Social ii via custom.css
You must need to modify the style classes as some of the style classes name can be same.
This way you can copy the style from one template to another template.

If you copy all code from template.css of JA Event ii to social ii, it will make clash in css as same style classes has been used and you will not found the same layout code in social ii as well.

Regards

yodam1

Hi,
I've crashed all so I've started to correct graphical bugs of JomSocial in Ja Events II.

I see images are overlapped and zoomed/cropped compared to the Ja Social II template (worse if I resize browser window).

What can I do in custom.css to correct the problem?

Thanks!

Ninja

yodam1
Hi
Kindly provide the site temp super user login details and the page url on which you have this issue via EDIT FIELDS option in first post.
So i can check the issue you are facing.
Without details its hard to assume the problem, maybe you did some wrong custom work that created the issue.

Regards

yodam1

Hi,
I can not give you administration password because someone else it's working on it today, but you can see the problem on comunità menu on the site.

Banners on top overlaps if you resize the window
On left sidebar-1 you can see how banners are zoomed and cutted
On left sidebar-1 JS VIDEOS exit from their space and are overlapsed
On left sidebar-1 JS PHOTOS are overlapsed

I need the same behaviour of ja social ii (top banners resize with window resize, and sidebar modules are not cutted)

If you give me the css I will enter it on custom.css . I give you a frontend login

Thanks

Ninja

yodam1

Banners on top overlaps if you resize the window
On left sidebar-1 you can see how banners are zoomed and cutted
On left sidebar-1 JS VIDEOS exit from their space and are overlapsed
On left sidebar-1 JS PHOTOS are overlapsed

Hi
In sidebar JS Activity module i could not able to replicate the problem http://prntscr.com/muvoq7
Images are using 100% max width and its using original image that is showing in PC view.
Kindly share the mobile device name on which you have this problem and screenshot.

For video module i can see the issue but it look like issue is you are using an override for it that does not adding style.
Kindly give me admin access to check it.

For js Photos module add this code in custom.css file

.joms-list--thumbnail .joms-list__item {
    width: 100%;
}

yodam1

Hi,
1) I gave you administrator user and password but do it fast because someone else is working with that user
2) problem it's on banners on left, JS VIDEOS, JS PHOTOS, and not on JS AcTIVITY (scroll down to see)
3) I didn't used a mobile device. Simply I've resized the browser window

Thanks!

Ninja

yodam1
Hi
Add this code in custom.css file to fix the top adagency banner width issue and video issue


.mod_ijoomlazone embed, .mod_ijoomlazone img {max-width:100%;}
.joms-list__item img {max-width:100%}

Regards

yodam1

Also banners on left now are not cutted?

Ninja

yodam1
Hi
Kindly apply the suggestion first, clear cache and check.
I can not see any of the suggestion is applied on site custom.css file.

Regards

yodam1

Ninja I've created /acm/clients/css/custom.css but it's not working (I've also cleaned cache)

You have administrator if you need

Thanks!

Ninja

yodam1
Hi
Kindly create the file in /css folder of the template.
/templates/ja_events_ii/css/custom.css
This is correct path to add custom.css file.

Regards

yodam1

Ninja Was my fault. Now all it's nice and working

As always you are great Pankaj!

Thanks!