By PeterChain on Friday, 20 November 2015
Posted in Technical Issues
Likes 0
Views 770
Votes 0
While working with two different templates from Templaza (Exception and Plazart Blank) I am experiencing visual inconsistences in the Popup screen where to edit the posts that prevent me from easy acces to some functions.

I'm afraid there is some influence of the Template CSS over the popup content. Is there a way to isolate the popup edition window from the rest of the site?

Some illustrating images attached with written explanations.
Hi PeterChain,

The first photo above is from EasyBlog frontend toolbar, from your given access, we can't access the dropdown. See attachment.

For the Composer view, the button and dropdown styling is messed up due to CSS conflict from your own Joomla template. Please add this CSS hack to your own Joomla template custom.css to fix this:
div#fd.eb .btn span {
display: inline-block;
}
div#fd.eb .dropdown-menu {
height: auto;
text-align: left;
}
Hope this would help, please advice.
·
Wednesday, 25 November 2015 12:22
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi there,

When I tried to access your backend, it will prompted me with this security access, http://screencast.com/t/jpAxNknR and the provided credentials is not working for me. Please advise.
·
Friday, 20 November 2015 23:28
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Ezrul,


there was some extra data in a private text area where I did include this extra layer of security access data.

Don't know how to include this again in private here in this Reply box.

It was in a text area named "Additional Message"
·
Saturday, 21 November 2015 00:57
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey there,

I am really sorry for the delay of this reply as it is a weekend for us here.

It seems like your current template styling conflict with Easyblog, can you consult with your current template provider regarding this?

I found out this following css code causing this conflict, the file located at JoomlaFolder/templates/tz_exception_joomla/css/themes/default/template.css
LINE 19231

[class*="cell-"],
.masonry .post-item {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
float: left;
}
·
Saturday, 21 November 2015 16:36
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks Arlex for your quick intervention specially in weekend time,

look.

Could you asses me in what should be the values to avoid this interference. I mean, I understand there is some class sharing the same name and replacing the desired values.

If so I could breed a module Custom CSS overriding them with the ones need by EasyBlog so they would work properly when a certain user is logged with EasyBlog edition rights.

I think this would be the less intrusive method. The Tempalte is from Templaza and I really doubt they will ever change a single line of code because of this.

Thank you.
·
Saturday, 21 November 2015 18:21
·
0 Likes
·
0 Votes
·
0 Comments
·
hey Peter,

I am sorry for the delay of this reply,

I have consult with our designer regarding this, then I applied the css code in -> JoomlaFolder/templates/tz_exception_joomla/html/com_easyblog/styles/custom.css, it should work fine now.


div.eb [class*="cell-"],
div.eb .masonry .post-item {
position: static !important;
padding-left: 0 !important;
padding-right: 0 !important;
float: none !important;
}

div.eb .cell { float: none; padding-left: 0; }
·
Monday, 23 November 2015 17:02
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Arlex,

big thanks for your assistance. In my first quick look it looks like now shows the way it should. I will make full test and use later in the day and report to you.

Best regards,

Peter
·
Monday, 23 November 2015 18:03
·
0 Likes
·
0 Votes
·
0 Comments
·
Alright Peter

keep us updated then.
·
Monday, 23 November 2015 18:29
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Arlex,

I've been experimenting again with the Easyblog post editing and although your fixes work nice I still suffer from some other anomalies. I would appreciate very much if you could make a further look into it.

Problem is mostly with some menus showing like transparent or"ghost" or something wrong difficult to read. Images attached.

Best regards
·
Wednesday, 25 November 2015 06:53
·
0 Likes
·
0 Votes
·
0 Comments
·
Missing attachment from my reply above
·
Wednesday, 25 November 2015 12:24
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi, big sorry for this mistake!

Trying other things I deactivated this by error.

Now is available again for you to test.

Best regards
·
Thursday, 26 November 2015 19:50
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi PeterChain,

Thank you for fixing the access.

I already inspected it and the issue is the same composer where your Joomla's template Bootstrap styling overwriting our components dropdown menu height.

I believe CSS hack that I shared above will be able to solve this issue.

Please advice, thank you
·
Friday, 27 November 2015 10:39
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Ikram,

appreciate very much your assistance.

As you said the menu 'settings' at the right side of toolbar got fixed after adding your suggested code.

And the same menu problems for the Post Edit popup look now fixed too.

So big thanks and enjoy your weekend!
·
Friday, 27 November 2015 15:44
·
0 Likes
·
0 Votes
·
0 Comments
·
You're welcome, glad to heard your issue resolved.
·
Friday, 27 November 2015 20:25
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post