Attention:

Support Rules and Guidelines
Before you post your support topic, please remember to:
  • Read the support forum rules.
  • Check the wiki and use search to see if your problem can be answered there first.
  • Link your board please, and make sure that the problem on your board is visible to guests or provide a test account.
  • Do not post Board Wrappers and CSS unless requested. With a board link, this is not necessary.
  • Be as descriptive as you can and use as many details as possible when describing your problem.
  • Please briefly mark any links to forums that may not be work-safe.
This will help ensure your support issue will be attended to in a quick and efficient manner.

  Add ReplyNew TopicNew Poll

 shoutbox avatar's not appearing
#
http://geronimoo.jcink.net/index.php?

I have a feeling it must be something in my css, but I'm not 100% sure what could be preventing the avatar's from appearing in the shoutbox.

The problem only seems to happen in the homepage, because if you open the shoutbox in it's own page, the avatars show.

Here is my css for the shoutbox

CODE
/* shout box*/
#shoutbox .maintitle, #shoutbox .maintitle a:link, #shoutbox .maintitle:hover, #shoutbox .maintitle a:hover, #shoutbox .maintitle a:visited, #shoutbox .maintitle a:active {font-size: 16px;font-family: montserrat;font-weight: bold;font-style: italic;text-transform: uppercase;color: #86c7d0;}
#shoutbox .tableborder { background-color: #e8e8e8!important;border: 1px solid #d7d7d7;padding: 0px;margin: 0; }
#cat_-1 > table > tbody > tr > td > form > input:nth-child(5) {display: none;}
#cat_-1 > table > tbody > tr > td > form > input:nth-child(4) {display: none;}
#cat_-1 > table > tbody > tr > td > form > input:nth-child(3) {width:65px;}
#cat_-1 > table > tbody > tr > td > form > input:nth-child(2) {width:65px;}


#shoutbox iframe {
    height: 310px;
   width: 600px;
   margin: 2px;
   border: #d7d7d7 solid 1px;
   background: #efefef;
   padding: 5px; }

.sbinputbox {width:390px;}
#shoutbox .maintitle { display: none; }
#shoutbox .row4 { border: 0px; }
#shoutbox .row2 { border: 0px; }

.shout1 { background-color: transparent; color:#999; font-size:11px; }
.shout2 { background-color: #e9e9e9;  color:#999; font-size:11px; }


PM
#
Avatars in the global shoutbox aren't actually a feature, sorry. Your code is fine.

signature
email: admin@jcink.com :: blog: John C.
#
Oh! Well, that explains it. XD
Thanks for the quick reply John~
PM
#
Can you link to an example of it working on another page? Having a hard time figuring it out by just looking in with my browser, how it is now. Like even looking here I just don't see it showing up in the HTML.

EDIT: Just found this maybe it's still true?

This post has been edited by owl: Jun 19 2017, 09:26 PM

signature
user posted image
#
QUOTE (MADMadisson @ Jun 20 2017, 10:19 AM)
Oh! Well, that explains it. XD
Thanks for the quick reply John~



Oh, of course. Sorry, I should have linked it in the first post.
http://geronimoo.jcink.net/index.php?&act=Shoutbox

I think it might be working here because it's not iframe? Maybe... I really don't know.
PM
#
QUOTE (owl @ Jun 19 2017, 10:23 PM)
EDIT: Just found this maybe it's still true?


Yes. Avatars in the global shoutbox are not a feature. They only appear on the shoutbox page itself.

signature
email: admin@jcink.com :: blog: John C.
#
Sorry about that - it was hot as heck yesterday and for some reason I didn't see John's first post.

signature
user posted image
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:
Share this topic:
« Next Oldest | General Support | Next Newest »

Options Add ReplyNew TopicNew Poll