My [code] messed something up

[ShortieJinete]

Bear with me as I made some of these small to get the whole of what I am talking about.


prntscr.com/eaoi40

This is what it does to the thread/mini profile and even recent threads.


prntscr.com/eaoitw

This is what it does to my plugin for the style tags also (which still works as long as something wasn't put in the code tags in the thread) Notice also the background is missing.


prntscr.com/eaojf6

Regular threads are fine.


This is only happening in threads/recent threads when someone has a [code*] (without the * ) tag inserted.

Any help would be appreciated. Thanks

I should clarify that this issue is also limited to the one skin I am working on (not the default)

[Kami]

Wothoit access to where this is happening we have zero idea what could be causing it. Screenshots aren't helpful by themselves in this case.

[ShortieJinete]

chicago-nights.proboards.com/

If you need me to set it as the default skin viewable to guest then let me know. I have no idea which part of the code is causing it to send you any specific part of the code.


Edit: Now I seem to be recieving this JS code error when I go to the recent posts (and a post where [*code] resides was used)

prntscr.com/eaul9z

[Kami]

ShortieJinete - if you could put the theme as default so guests can see it that'd be great! we can't see the coding of a theme that we can't see.

[ShortieJinete]

sure thing it is set

here is an example thread where the mess up is occuring. link.

If you need to test posting
guest friendly board feel free to do what you need to do.

[Kami]

Could you disable, temporarily, the thread descriptions plugin and the spoiler tags plugin?

[ShortieJinete]

Sure they are disabled

[Kami]

ShortieJinete - right now, this is set to 100% width: td.unblocked

could you try adding this to the bottom of your stylesheet for that theme:

td.unblocked {
    width: 205px;
}

and see if that helps?

[ShortieJinete]

Executed here
Seems to have solved part of the issue

Though our thread in the staff board
prntscr.com/ebcb3c

seems not to be affected by this change. and now the posts themselves on that board are blank

prntscr.com/ebcbk9

I am not sure i can replicate this but I have moved this thread here also in this thread all of the moderate buttons are missing o.O I can't even delete the threads now? I actually had to rename the thread to move it (or swap skins)

[Kami]

instead of putting that in your stylesheet, can you take it out and instead put it in the headers of any boards where the original problem occurred using this:


<style>
td.unblocked {
    width: 205px;
}
</style>


It looks like you may have had different template styles based on the board a thread is in (note that I can't access the threads you linked to) so if you put the above CSS *only* in the boards that were previously affected that should eliminate the problems that arose in the other areas.

Failing that, I can't see anything in particular that would be the cause of this without being able to access the other boards.

[ShortieJinete]

Well I reconstructed the thread in question and the issue seems not to occur in the new thread.

the old thread is moved again but I don't see the issue resconstructing itself. wouldn't be affected by the mini profile coding at all I am presuming?

Thanks for your help

[Kami]

Ok. Remove the CSS I provided entirely.

Next, find the .mini-profile class, and change "width: 200px;" to "max-width: 200px;"

Next, find .posts .post .content and remove "padding-left: 60px;" -- this should make the posts reappear, but with some issue of the text being smushed into one letter per line. If you cannot find this, then add it into your stylesheet like so:

.posts .post .content {
    padding-left: auto!important;
}

Next, find .posts .post .content-head and .posts .post .message and add "width: 600px;". Change the 600 to a width that works for you. If you cannot find this, then add the following CSS to your stylesheet:

.posts post .content-head, .posts .post .message {
    width: 600px;
}

Let me know if that helps.

[ShortieJinete]

link
half the background is back... and my moderations buttons came back

the actions thread is still missing o.O

though it just seems to be an issue on this thread alone at this point (it is literally a problem child) so might not be worth pursuing? i'm getting a null error JS code as well again

Edit: action buttons came back after a new post was added (trying to see if Tapatalk was the issue)

it appears that tap a talk posts are coming through as white/transparent background but only in this thread. (tried it in another thread and it's fine)

[Kami]

Looks like there's specifically an issue for the alternating messages section.

I'd recommend changing the width from 600 to 650.

Then try adding this class to the above line:

.posts .post .content-head, .posts .post .message, .posts .post.even .message

Can you clarify what you mean by "the actions thread"?

And lastly, the JS error is likely from ads. I refreshed the pages a few times and navigated to various parts of the site and the JS error comes and goes depending on what ads are showing.

[ShortieJinete]

prntscr.com/ebd4ct

and adding the code from didn't actually change anything it doesn't seem

.posts .post .content-head .info { float: left; margin-top: 3px; line-height: 20px !important; }
.posts post .content-head, .posts .post .message, .posts .post.even .message { width: 650px; }
.posts .post .content-head .info .date { margin-right: 7px; }
.posts .post .content-head .info .date, .posts .post .post-method { vertical-align: -7px; }
.posts .post.recent .content-head .info .date, .posts .post.recent .post-method { vertical-align: 0; }
.posts .post.recent .content-head .info { line-height: 13px !important; }