Bare

@lpnotes
Glad I could help in some way. As for the linking, I don’t know if that is possible because of the nature of the beast. I could be wrong, but I would search for that as a separate topic from this one and see what turns up. As for designwise’s question, I know for sure that has been asked before, so it may also be just a matter of finding an existing thread. Unfortunately I can’t answer either question, it’s never been a necessity for me, so I never scoured the net too much for an answer. As I said though, I do remember reading about the image-to-page linking in the past, I just don’t remember the answer.

Good luck!

@lpnotes

Sorry for the delay in replying, I was out of town.

This code works for me, I’m unsure what your specific problem is. Check out an example I have here:

https://tech.bareasschoppers.com/resources/the-problem-with-wire-tap-connectors/

At the very bottom of that article there is a link “do this instead” and it works. This is my code for it:

<a class="thickbox" href="/wp-content/image_gallery/misc/pigtail.jpg" title="Inline splice solder connection">do this instead</a>

When you click on it you get the pop-up image and the text description under it.

I dunno what your specific problem is, your code looks good to me, I hope you get it figured out.

Oh, I see what you’re seeing now. I was using Firebug to specifically isolate just the content “frame” and it was only showing
color:333333;
I didn’t think about the layering as I was focused on the sidebar and content, not the background behind them. Without getting into the super details of the loop and all, the layers I have for the page are the background, a div that wraps both the sidebar and the content, and then obviously the sidebar and content themselves. I’m assuming you see all this as well. With that said, shouldn’t the specific styles applied to the sidebar and content be the “top layer” and therefore supersede everything else? I mean, obviously this must be the case because the site works on almost everything I try it on EXCEPT the Iphone.

I do hear what you’re saying though, I obviously already know that the 1px tall image that sits behind the sidebar/content doesn’t load and I did notice that it appeared the striped background image wasn’t loading either – but it was tough to tell for sure. So perhaps you’re onto something here with the tiling image being the issue. I’ll fool with it and see what happens.

Thanks again!

I was always under the impression that the smaller filesize you can get for a tiled image was better? I thought that’s why tiled images were so often used (besides scalability) because it is quick and easy for a browser to grab the small image and repeat it? My impression could certainly be incorrect.

As for your mention of the black background style on line 269, I experimented with that… It actually changes the font color, not the background color. If you look on line 556 of my stylesheet it is the css for my “content-wrapper” which is a div that wraps the sidebar and the main content. The style on line 556 is what calls my background image, and I have that set to default to white, obviously the image just covers that (or it’s supposed to). This is why I believe something else is at play here, but don’t know what. Firebug doesn’t show any other color css, and if I just delete the image (using firebug) then the page still shows properly – just using the backing colors setup in my stylesheet.

I still think it’s a problem with the Iphone’s Safari interpreting the css improperly. The site even works properly in Safari on my desktop, so it’s just the Iphone version itself. :/

Thanks again for the help!

OK, not sure if this was the easy way to do this but I got it done… I actually added an entirely separate stylesheet for the Iphone. I added a call to it in the header.php and the only css in the entire sheet is the

background: white;

that you originally said to add to #content at line 286.

It seems like a lot of work to fix the problem, but at least it’s fixed (as far as I can tell).

Thanks for the insight into the problem, without your help I would never have figured this out. I mean, I still can’t figure out where the black background was coming from – I have the backgrounds set to default to those colors but something on the Iphone was overwriting that css.

OK, I remember this now… I apologize, it took me months to build this site figuring out one problem at a time. I now remember that the line is made by a repeating background image (as you figured out). I was forced to do this instead of just using the “colors” because otherwise I could not figure out how to make the sidebar and content area both end at the same spot on the page. What was happening prior was the color would end wherever the shorter column ended – so if an article was long then the sidebar would end short and vice-versa.

I am able to add the sidebar color you mention and the site doesn’t change, so now I’m trying to figure out how to also include the content color without overwriting my 1px black line.

Thanks again if you can help.

Peter,
I can’t thank you enough for helping me figure that out – I do have one problem though, that I’m hoping you can also help me solve with this change. When I made the changes you specify it does fix my problem on the Iphone and the backgrounds become colored. The problem I have is that it also affects my live site. The site really looks the same EXCEPT I have a 1px vertical black line that divides the sidebar from the content on the right – making the code changes you specify covers up that black line. Any idea why that happens or how I can resolve that one problem?

For now I commented out the changes you mentioned on my stylesheet to prevent the problem, but am very interested in fixing this if you can help me with that one last problem.

Thanks so much for your help so far and for any additional insight you can provide.

*sigh*

Is there anyone out there familiar with .htaccess or my problem that can help? Can anyone even tell me if my problem is just a default operation of WP or the result of something I (or my host) did?

I’m just trying to get pointed in the right direction.

Thanks.

Yeah, it makes sense when I re-read it now, lol… I was reading “block code” as meaning a block of code. Anyways!

Here’s what I have in my .htaccess:

RewriteEngine on
Options -Indexes +FollowSymLinks

RewriteCond %{HTTP_REFERER} ^https://(.+\.)?allwheelsblog\.com/ [NC,OR]
RewriteCond %{HTTP_REFERER} ^https://(.+\.)?ronincycleparts\.com/ [NC]
RewriteRule .*\.(jpg|jpeg|gif|png|bmp)$ - [F,NC]

I also have below this code some .htaccess redirects, but that code is all fine and doesn’t impact this – I checked that over and over and over and tested the .htaccess with my redirect code removed to be sure they didn’t impact each other.
But this should block image hot-linking from the 2 sites specified (both were stealing my content), if the code is bad then I’d be surprised – but please, if you can help I’d love to know how to fix this.

Thanks again for the help!

The way I want my site to function is that anyone can hotlink my images (with the exception of 2 sites blocked through my .htaccess file. I could provide you with a link to my forum where images won’t hotlink, but it’s really just easier to paste a link here – it won’t display here the same as it won’t display there:

https://tech.bareasschoppers.com/wp-content/image_gallery/misc/burned_mains.jpg

That is the image that made me realize the problem today. When I click it I get a 404, whereas I would normally have expected it to just show the image in an empty browser window.

I’m not sure exactly what you mean when you ask for my “hotlink block code”, but if you can help me understand what that is then I’m glad to post it. Do you mean my .htaccess code?

I am not using a hotlink WP plugin (I didn’t even know they existed). I am using the entire link URL when trying this.

As for the caching issues, I always test, re-test, refresh, clear cache, etc to be sure what I’m seeing is accurate before I assume anything.

Just to reiterate, I do have an .htaccess file for the entire site, I’m wondering if it has something to do with my problem… I don’t ever recall this issue in the past (prior to adding that .htaccess). I also know that I have a separate .htaccess file in my “Pics” folder that allows it to be hotlinked (https://tech.bareasschoppers.com/Pics). I did some reading on .htaccess files but it gets confusing because it seems my cPanel (Host Gator) does the exact opposite of what I want the .htaccess file to do. When I add sites to my .htaccess that I want to block, they appear in my cPanel as “allowed” sites. Even the support guy at my host who really knew his stuff was confused by this – he confirmed my code was correct but it seemed the cPanel was confusing something.

I’m very interested in solving this if you or anyone else can please help. I’m glad to post my .htaccess info if that’s necessary (there’s no security info in it).

Thanks!

Nah, I put the ticks in, I try to be pretty particular about all that, and I even re-read the post after I made it to be certain.

No worries, it’s back now – now if I can just figure this out, heh… ??

I’m not sure why the code was moderated, it was 3 lines and the rules say use the paste bin for more than 10. Regardless, I think most of you get the idea of what I was saying if you’re reading this.

I’m still digging for answers here, if anyone has anything constructive to add I’m all ears.

Thanks so much for re-opening the thread and your honest answer as to why it was closed.

Hoping to get this figured out, perhaps by someone more familiar with the plugin than I am… I have been digging for 2 solid days now and several other days in the past, still with no success. I have stumbled across 2 articles on placing the slideshow sidebar widget in the header:

https://www.scotproof.com/inserting-a-nextgen-slideshow-in-your-header/

https://www.mackmangroup.co.uk/adding-a-nextgen-slideshow-to-your-wordpress-template

Neither of those solves my problem, but I thought they might help someone else figure this out. I continue to believe that if the slideshow can display random images from ALL galleries in the sidebar widget then it can do it in a post.

I will add that there is a “hack” way to do this by turning on the sidebar widget, load your site and copy/paste the source code into a post. What you should end up with is something that looks similar to this (depending on your settings):

[Code moderated as per the Forum Rules. Please use the pastebin]

Obviously yours will look different based on the options you have defined for your slideshow, but I was able to make the changes in the widget and have them appear in my post. The problem I ran into was that when I removed the sidebar slideshow widget (I didn’t want the slideshow in my sidebar) it stopped working in my posts also…

As I said, this is a hack way to do this for sure, but it might work well enough for some people, or even help someone figure out the proper solution. Please keep in mind that this is all flash stuff for people using the flash imagerotator.swf file.