Trobee

Was there a solution to this? I want to do the same thing but with email, as certain parts of the site are restricted based on the domain of the users email address. Currently using CSS to hide the field, but it’s not exactly hard to get around

So, I currently have this in my .htaccess file in my uploads directory

IndexIgnore *
Options +FollowSymlinks
RewriteEngine On
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !mywebsite\.com [NC]
RewriteRule ^(.*)$ https://mywebsite.com/wp-login.php?redirect_to=wp-content/uploads/$1 [NC,L]

So if you try to access something from the uploads folder using a link from another site it will redirect you through through the login page, with the redirect pointing back to the resource. This all works fine with the code, my problem is redirecting links typed into the browser address bar, because if I remove “RewriteCond %{HTTP_REFERER} !^$” from the file and try to access a resource, and I am already logged in, I get a redirect loop that means no pages get displayed.

Can anybody help me?

I have been looking at using .htaccess to password protect the folder containing these media files, but ideally I would like to use a wordpress login, so logged in users can get at the resources but logged out users cannot.

Worked like a charm, thanks

What I would do is use the element inspector to go through the divs inside topribbon, and one by one adding display: none to each until you lose the scroll bar.

i had a quick look and found that the div with id ‘ads’, which is the containing div for your advert has a width of 1010px, the same as the width of your content, but as the div starts 1/2 way along the page, it causes the scroll bar to appear.

I would look into setting the div width for ‘ads’ to the same as the width of the advert inside it.

With firebug, if you click on the element inspector (looks like a blue cursor clicking a box), then hover just to the right of the advert, you should see the div container heading off the edge of the screen to the right

if you add

#topribbon {overflow-x : hidden;}

to the CSS it will get rid of the scroll bar, but it breaks the footer slightly.

I would have a look at the divs inside of it to see if one or more of them has a width of 100%, which will be causing the width to be 100% of the screen, not taking into account padding or margins.

because the width of your background image is set to 2300.4444444444443px

Here is the code