aRMY83 Code Fix??

[Kami]

Oct 14, 2020 15:10:43 GMT -8 johnwickhitman said:

Try Again?

I took it out as it messed up other tables....

You are on the right track, but it has to focus only on his table, and not make the others correct to the RIGHT at the same time...

Definitely tells me it's his code....

It should have been only his -- the classes I picked up are specifically to the code on the clock plugin. Let me take a look, stand by.

[Kami]

Can you add in the changes, please? I cannot see what the conflict is if the coding is gone.

[johnwickhitman]

Up, scroll down, now the other "tables" are correcting to right and breaking it...

My Silver "base" images are shifted right...

[Kami]

Oct 14, 2020 15:22:20 GMT -8 johnwickhitman said:

Up, scroll down, not the other "tables" are correcting to right and breaking it...

So that's not a table, that's an image. Standby, I didn't realise that image was part of the theme and not the plugin.

[Kami]

OK could you remove the changes? I'm going to try something else (:

[johnwickhitman]

See, I'm not a coder, when I see blah blah table blah blah img src all togther, I assume it's all one unit...

ROFL!

[Kami]

So upon looking at this more carefully, may I ask if you manually added the table surrounding the time? Or did that automatically appear when you enabled the plugin?

[johnwickhitman]

I use these:


Border Around Forum Using Images(Theme HAS TO HAVE THIS to work correctly, designers orders)

Head Base Side Images(Theme HAS TO HAVE THIS to work correctly, designers orders)

Member Thread Count

Hide Avatar Builder

Icon Next To Members Name

Avatar/Signature Permissions

PM Notification

Back to Top

Remove Followers/Friends Feature

Image Resize

QR Hide

Report User

Date and Time Clock

Simple Affiliate Table II

Resize Replace Sig Images

aRMY's table comes from the Plug In...Plug in OFF no problems, Plug in ON and it goes wacky where you see it....

[Kami]

Oct 14, 2020 15:47:26 GMT -8 johnwickhitman said:

I use these:


Border Around Forum Using Images(Theme HAS TO HAVE THIS to work correctly, designers orders)

Head Base Side Images(Theme HAS TO HAVE THIS to work correctly, designers orders)

Member Thread Count

Hide Avatar Builder

Icon Next To Members Name

Avatar/Signature Permissions

PM Notification

Back to Top

Remove Followers/Friends Feature

Image Resize

QR Hide

Report User

Date and Time Clock

Simple Affiliate Table II

Resize Replace Sig Images

aRMY's table comes from the Plug In...Plug in OFF no problems, Plug in ON and it goes wacky where you see it....

OK that lines up with what I thought what was happening.

So the problem isn't with the plugin exactly, it's a conflict between the way the plugin adds itself to the forum. It's still doable, but it's going to take me a little bit to work out exactly how.

[johnwickhitman]

Not a problem Kami...

I have another 4.5hrs here to tinker with it, as "this" is the only access I have, catch my drift.

Otherwise, I'll be on tomorrow, same time, same place trying to hammer it out.

Thanks!

[Kami]

I have a partial solution, but you're not going to like what I have to say, as indicated by our PM discussion.

The date and time clock plugin injects content on to forums by mirroring the forum layout. Unfortunately, the way the theme is set up means that one element -- in particular, the border image at the bottom:



-- is set apart from the table itself. It's in a separate cell, with a not unique class, so there is no way for me to target only one of them without adding additional javascript to the forum.

You can get a partial fix with the following code. Follow the same steps as before, but add this in instead:

/*===========================
Date and Time Clock Adjustment
===========================*/
.container.d-t24h-4m {
 position: relative;
 left: 10px;
}
/*===========================
End Date and Time Clock Adjustment
===========================*/

However, the image at the bottom that I mentioned above is dictated by the following HTML:

<div class="dspacer" style="padding-bottom: 25px;"><img src="https://i.imgur.com/0goFLSI.png"></div>

the class "dspacer" is not unique, and because it is a div placed outside of a container, I cannot use the individual container designation to target it either. The fix should come from the designer, as much as I know you disagree with me, because they are the ones that set the div to appear where it does, without any way to target an individual div with this class. It would likely be better to use HTML to recreate the image as the bottom border of a container table, rather than relying on a static image, at least from a development perspective -- they'd be identical either way, it is not a complex look to recreate with HTML, and it is considered to be best practice to avoid using decorative images when HTML would be just as effective.

That said a plugin fix is theoretically possible by appending additional javascript to create a method to allow CSS to target the image directly, but it is more manual labour than simply editing the HTML which is why you were advised by the plugin creator to ask the theme creator for a fix. It's like effectively asking for a cast when a band-aid would suffice.

If aRMY83 wants to explore the javascript option, that is up to them, but I am here simply as an impartial bystander with 15 years of professional experience, telling you the path of least resistance. What you do with this information and whether or not you accept it is fully, 100% up to you (:

[Becca]

Hi Kami, I'm the designer of Tribal and I'm trying to help John with getting this plugin to work on his forum. I have contacted Army and am awaiting his reply as I type this. I just wanted to let you know that I'm working on a solution and wanted to thank you for taking the time to help. I'm afraid I'm not very good with coding (CSS is like Greek to me, but I do understand a tiny bit of HTML) and I mostly just create the graphics for the theme. Then I use two to three plugins to create the look (occasionally I'll use template changes, but rarely unless I understand where they go/how they work). I don't write any of the coding myself, hahaha.

Anyway, I have installed the clock program on the live preview board HERE and have tried disabling the Border Around Forum plugin and then the Head Base Side Images plugin to see if it corrected the problem and it does not. The clock remains at the left side of the forum no matter what. I'm hoping that Army will contact me so that I can discuss it with him, but thought maybe I'd post this here also so that you could take a look and see what you think. Again, I appreciate your help, always.

[Kami]

Oct 15, 2020 10:20:19 GMT -8 Becca said:

Hi Kami , I'm the designer of Tribal and I'm trying to help John with getting this plugin to work on his forum. :) I have contacted Army and am awaiting his reply as I type this. I just wanted to let you know that I'm working on a solution and wanted to thank you for taking the time to help. I'm afraid I'm not very good with coding (CSS is like Greek to me, but I do understand a tiny bit of HTML) and I mostly just create the graphics for the theme. Then I use two to three plugins to create the look (occasionally I'll use template changes, but rarely unless I understand where they go/how they work). I don't write any of the coding myself, hahaha.

Anyway, I have installed the clock program on the live preview board HERE and have tried disabling the Border Around Forum plugin and then the Head Base Side Images plugin to see if it corrected the problem and it does not. The clock remains at the left side of the forum no matter what. I'm hoping that Army will contact me so that I can discuss it with him, but thought maybe I'd post this here also so that you could take a look and see what you think. Again, I appreciate your help, always.

Hey, thanks for responding! I can have a look in a few hours, as I am at work. (: Thanks!

[Kami]

Hey, Becca , how are you adding the bottom spacer image?

EDIT: Actually, it looks like the head/base images plugin. Can you disable that, please?

[Becca]

Kami, sorry I couldn't get back here yesterday to help with this. I have disabled the header/base plugin, but it still didn't fix the issue. I am in contact with Army and he has tried to help also, but I think it may be that the clock plugin just will not be compatible with the two plugins that I use. I will leave the header/base plugin disabled until you've had a chance to look at it. Thank you so much for offering to help and major thanks to Army also for all of his help too. I really do appreciate everything you guys do to help out.