I am trying to use the achievements punchtab option.

When I add the code in the custom code section it works fine but even when the user hasn't clicked the badges button ( bottom left ) the chat is still unclickable. When the badges button is clicked the chat is covered. I can't see how the code can be altered. I have tried adding the code to a div and changing the z-index but with no success.

This is the punchtab code - 

<script type="text/javascript" charset="utf-8">
var _btq = _btq || [];
var _punchtab_settings_badges = {
position: {x: "left", y: "bottom"},
key: "82d0f2*****360744e42a4***********"
};

(function() {
var pt = document.createElement('script'); pt.type = 'text/javascript'; pt.async = true;
pt.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'static.punchtab.com/js/pb.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(pt, s);
})();
</script>

This is the screenshot of the problem -

Any help would be great. Thanks

Tags: punchtab, z-index

Views: 350

Reply to This

Replies to This Discussion

Simple mistake I forgot to add px behind the 20 lol try this one

<style>


.xg_bottomBar{
    background: url(http://static.ning.com/socialnetworkmain/widgets/chat/gfx/chat.png?...) repeat-x 0 0;
    border: 1px solid #B7B7B7;
    position: absolute;
    bottom: 0px!important;
    width: 100%;
    z-index: 999;
}
.xg_chat.chatFooter{font-size: 11px;line-height: 21px;bottom: 20px;}
.xg_chat.chatFooter #mainChatContainer{
    width: 300px;bottom: 20px!important;}
.xg_chat.chatFooter #userListContainer{
    margin-right: 20px;bottom: 20px!important;}
.xg_chatWindow{
        bottom: 20px!important;}

</style>

Or just put this One line in your design studio

.xg_chat.chatFooter {bottom: 31px;}

It's working for me perfectly

does it work instantly or is a timed cache system on ning? Added that code and no luck, dunno why its not rocket science lol

pls help- how to remove all chat popouts across all pages (just keep in main window)?

Curious - how's punchtab working for you?  Do users like it?

RSS

Latest Activity

Ningaholic replied to Phil McCluskey's discussion 'Site Manager Updates for Ning 3.0 Networks'
"Appreciate the response Phil--looking forward to continued improvements.  Quick follow up to…"
6 minutes ago
Larry Matthews replied to Larry Matthews's discussion 'Photos'
"I have a script for ning 2.0 that uses these classes below.  I was trying to convert it to…"
27 minutes ago
Gary Lefko replied to Allison Leahy's discussion 'General feedback'
"Thx for quick response!"
34 minutes ago
Melinda Orr replied to JFarrow's discussion 'Ning Emails Going to Spam?'
"Chris I'm experiencing the same problem with my site...did you get this issue resolved? Any…"
53 minutes ago
John Bizley replied to John Bizley's discussion 'Show Your Ning 3.0 Sites'
"You are welcome CocteauBoy and yes by seeing them side by side you get a better idea. My site will…"
57 minutes ago
John Bizley replied to John Bizley's discussion 'Show Your Ning 3.0 Sites'
"Hi Dustin and thanks for your kind remarks about my site. To get the texture for my content I used…"
1 hour ago
Allison Leahy replied to Allison Leahy's discussion 'General feedback'
"Hi Gary, If you were to transition your Ning 2.0 Network to the Ning 3.0 Platform and membership…"
1 hour ago
Suzie Nielsen replied to John Bizley's discussion 'Show Your Ning 3.0 Sites'
" Dustin, Please check my 3.0 site, I would like to discuss linking to your site in my…"
1 hour ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service