Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Sign In Register

Quick Links


Categories

In this Discussion

› › Website Rendering Problem
New on LowEndTalk? Please Register and read our Community Rules.

All new Registrations are manually reviewed and approved, so a short delay after registration may occur before your account becomes active.

Website Rendering Problem

nimdynimdy Member
edited December 2014 in Help

Hi all. I wonder if you could help me. I am trying to get my Wordpress site SSL only on Cloudflare so that Google likes me better :p

I seem to be having a problem with the site though. I've followed this guide - https://www.icontrolwp.com/2014/10/enabling-cloudflares-universal-flexible-ssl-wordpress-without-infinite-redirect-loops/ and find that on most of my devices (laptop and phone using Chrome on both) the pages load properly on https except for the homepage which looks broken with the CSS/styling missing.

Yet if I open it on an IE window, the whole site seems fine. Could some of you have a look to see if it renders properly for you?

www.barnwellmusic.co.uk

Thanks.

Comments

  • MSPNickMSPNick Member

    SSL signal only counts for about 1% of your authority to them you realise that?

    As do the coding issue. I'm not 100% sure

  • comXyzcomXyz Member

    Login to WordPress admin --> Settings --> General --> Change WordPress Address (URL) and Site Address (URL) to "https://www.barnwellmusic.co.uk/"

    Then if you still have problem, edit your template, and replace "http://www.barnwellmusic.co.uk/" by "//www.barnwellmusic.co.uk/". It will solve the problem.

  • socialssocials Member
    edited December 2014

    Your linking to unsecure content and most modern browsers block those elements by default.

    sed -i 's/http:\/\/www\.barnwellmusic\.co\.uk/https:\/\/www\.barnwellmusic\.co\.uk/g' index.php

    and you're good to go.

  • wychwych Member
    edited December 2014

    Fix your references in the source, src="//domain.com/css/thisfile.css" rather than src="http://domain.com/css..."

    This includes images such as
    < img class="alignright size-medium wp-image-15" alt="piano" src="http://www.barnwellmusic.co.uk/wp-content/uploads/2013/10/1396845_533132710105004_2040067550_o-300x187.jpg" width="300" height="187" />

    That will also need doing in any css files such as background images etc. You may also want to add a .htaccess rewrite to force everything https.

  • nimdynimdy Member

    Thanks all. I think I've got it working now. I have been making changes to links and content in the site (its a small site, so not much to change manually), but seems my w3 cache plugin was getting in the way and serving up an old copy for the front page only. The other pages worked fine! I think they all work now. Need to try from a few devices to make double sure :)

Sign In or Register to comment.