By loic on Monday, 13 January 2014
Posted in Technical Issues
Replies 7
Likes 0
Views 826
Votes 0
Hello,
I have 2 issues with easysocial and my template (from yootheme) :

- It seems that my template not understand that the easysocial maincontent is not finish...
misunderstanding around the discussion form ?!
please have a look :
http://awesomescreenshot.com/022275i588

- easysocial bar and some images are up to my dropdown mainmenu
http://awesomescreenshot.com/047275l4c5

sure that some css adjustment can fix
can you help ?

thanks in advance
loïc
Please add the block of css codes below into your template's css file,


div#es-wrap .es-online-status
{
z-index: 6 !important;
}
·
Tuesday, 14 January 2014 16:34
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello loic,

It looks like the template is enforcing a fixed height using javascript and unfortunately there's no work around for this Ideally, they should not use javascripts to fix the height. If they need to use javascript to do so, they need to ensure that it waits till the entire dom is ready before fixing the height. You should contact the template club to look into this. As an alternative, you can set a apply an auto to the height to fix this by applying the codes below,


.tm-container > .tm-block.tm-middle.uk-grid.uk-grid-divider {
height: auto !important;
}


As for the toolbar issues, what you can do is to actually add the block of css codes below:


body div#es-wrap .es-toolbar{
z-index: 5 !important;
}
·
Monday, 13 January 2014 23:15
·
0 Likes
·
0 Votes
·
0 Comments
·
hello mark
thank you for those css i'll contact yootheme for that

there is still some green or red dots corresponding to "es-online-status"
that are in front of the drop down menu

Loïc
·
Tuesday, 14 January 2014 00:10
·
0 Likes
·
0 Votes
·
0 Comments
·
Hm, not too sure what green or red dots are you referring to here. Can you please advise?
·
Tuesday, 14 January 2014 02:43
·
0 Likes
·
0 Votes
·
0 Comments
·
the green and red dots are from easysocial : the statut of the member : online or not
see :
http://awesomescreenshot.com/047275l4c5

<i class="es-status-off" data-es-provide="tooltip" data-placement="top" data-original-title="Ce membre n'est pas connecté"></i>
or
<i class="es-status-on" data-es-provide="tooltip" data-placement="top" data-original-title="Ce membre est connecté"></i>

loïc
·
Tuesday, 14 January 2014 05:06
·
0 Likes
·
0 Votes
·
0 Comments
·
that do the job
thanks mark
·
Wednesday, 15 January 2014 15:14
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi,

You're welcome.
·
Wednesday, 15 January 2014 18:23
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post