Images disappear after setting firewall Prevent Hotlinks

Hi Ariko, can you carry out a test. Can you test one of WordPress default themes like Twenty Fifteen and see if the header image disappears. If it doesn’t then you know it is your theme causing this conflict.

Hi mbrsolution,
The same with the Twenty Fifteen theme, the header image disappears after setting “Prevent Hotlinks”. I’ve also deactiveted all plugins I have (only a few), but still the same behavior.

Hi, you might have to disable that option for now. One of the plugin developers will investigate further your issue.

Thank you

Ok Thanks,
one more thing for your developers. The WP installation is in a subfolder (not directly root), therefore I do have 2 .htaccess files. Perhaps this is a possible reason…
Ariko

Hi,
I tried to reproduce the behaviour you are seeing and I couldn’t.
This leads me to believe that possibly your setup which involves the subfolder and 2 .htaccess files is the cause.
What do you see in firebug when the issue occurs? (Try right clicking on the missing image and selecting “inspect element” from your browser)

Hi,
the code is both the same (see below), but when I move the mouse cursor over the image link, then a Quickinfo appears “graphic couldn’t be loaded”. Without Prevent Hotlinks, it shows me the header image as thumbnail. But clicking the link, a new browser tab opens with the header image in both cases.

“(code crossed) means there is a line through the code”

‘Element {
}
.header-image {
background-image: url(“https://www.website.com/wp2015/wp-content/uploads/2015/11/cropped-IMG_1621-04.jpg”);
display: block;
}
.header-image {
height: 300px;
}
.header-image {
background-size: cover;
}
.header-image {
display: none; (code crossed)
position: relative;
height: 300px;(code crossed)
background-position: center center;
background-size: cover;(code crossed)
background-repeat: no-repeat;
}
*, *::before, *::after {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: border-box;(code crossed)

}’

Hi,
FYI – I’ve installed to the latest version 4.0.2, but unfortunately still the same problem.

@ariko is your issue now resolved?

No, it’s still the same.

Have you installed this plugin latest version?

Yes, sure – 4.0.4

I just carried out a test and it works for me. My websites header image is displayed. Can you enable this feature, then check your .htaccess file. Let me know if you see the following.

#AIOWPS_PREVENT_IMAGE_HOTLINKS_START
<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{REQUEST_FILENAME} -f
RewriteCond %{REQUEST_FILENAME} \.(gif|jpe?g?|png)$ [NC]
RewriteCond %{HTTP_REFERER} !^https://localhost/wordpress [NC]
RewriteRule \.(gif|jpe?g?|png)$ – [F,NC,L]
</IfModule>
#AIOWPS_PREVENT_IMAGE_HOTLINKS_END
# END All In One WP Security

That’s in my .htaccess file. It looks like the same…

#AIOWPS_PREVENT_IMAGE_HOTLINKS_START
<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{REQUEST_FILENAME} -f
RewriteCond %{REQUEST_FILENAME} \.(gif|jpe?g?|png)$ [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(.*)?\.homepage\.com/wordpress [NC]
RewriteRule \.(gif|jpe?g?|png)$ – [F,NC,L]
</IfModule>
#AIOWPS_PREVENT_IMAGE_HOTLINKS_END
# END All In One WP Security

I am out of ideas why you would have an issue with your header image. Are you running the latest WordPress version 4.4.2? Are you running Apache server or Windows server?

Yes, it’s the latest WordPress version 4.4.2 on a Apache Server.
Would it make sense to copy manually the “#AIOWPS_PREVENT_IMAGE_HOTLINKS_START <IfModule mod_rewrite.c> …etc.” string into the root .htaccess file (not the one in the wordpress directory)?