Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Site layout and font has changed since SSL cert...

Featured Replies

Hi all,

Since updating my new wordpress site with https://www. address, my menu no longer sits nicely in the header. Also the font across the site has changed.

Any ideas on how to correct this? 

Many thanks

Rob

https layout.JPG

  • Author

Thanks. again.

It might be a few minutes work for some, but not for a complete beginner.....The ongoing battle is learning the terminology in addition to learning how to use it. I'd never heard of a .css file until this morning......

Now trying to locate it....

  • Author

Well, located css file but I'm lost....

What changes do I make and where do I make them?

css.JPG

It won't be inside the offending CSS file, but the template or file that's including it. Likely header.php or style.css, you should see a link that's referring to the font using http, this needs to be updated to https.

2 hours ago, Robert Peet said:

Since updating my new wordpress site with https://www. address, my menu no longer sits nicely in the header. Also the font across the site has changed.

Homepage kooks OK to me. It's everything else that has gone awry.  But since you have disabled right-click I can't inspect the code to tell you what's gone wrong.

Disable the SSL plugin - you don't need it. You can fix everything in few seconds using a couple of lines of code. Get help rather than try to do everything yourself.

That being said, there are some real issues with the theme you have chosen.  Google doesn't like it at all.

  • Author

Thanks for the input.

In what ways does google not like the theme? And assuming I need to get another theme, what should I look out for to ensure it's google friendly?

 

Cheers

 

  • Author

Oh, I had a friend used to dealing with this stuff take a look for the ULR(s) and he couldn't find them.

Have I been unlucky in buying a rubbish theme? It had good reviews.....

Looking at your source code on the home page, line 63-70...

<style id='framed-screen-inline-css' type='text/css'>

                	@font-face {
	                	font-family: "Renner";
	                	src: url(http://4770) format("woff");
	                }
                
</style>

I assume you wanted to us the font "Renner"? Under the Why No Padlock results it lists the font as a problem, I guess change the above to ...

<style id="framed-screen-inline-css" type="text/css">@font-face{ font-family: "Renner";src: url(https://robertpeetphotography.co.uk/wp-content/themes/framed/fonts/renner-medium-webfont.woff) format("woff"); } </style>

As for the images in the page, an example would be in the header?

<a id="custom_logo" class="logo_wrapper hidden" href="https://www.robertpeetphotography.co.uk/"><img src="http://robertpeetphotography.co.uk/wp-content/uploads/2018/08/Website-Logo-Version-3-copy-1.png" alt="" style="width:50%;height:auto;"/></a>

Notice the image source is set to the non secure, non www domain?

3 hours ago, Robert Peet said:

In what ways does google not like the theme? And assuming I need to get another theme, what should I look out for to ensure it's google friendly?

Google is looking for responsive, fast loading site with minimal render blocking scripts and styles above the fold. Most portfolio themes are the opposite as they rely on umpteen scrips and styles to work properly.

You shouldn't be looking at any themes yet. You should be focusing on the content and internal navigation, testimonials, trustmarks, calls to action and so on. Once all this in place you can decide which theme best displays the content.

Sliders should be avoided where possible. Apart from slowing down a site, they aren't effective (as most visitors will be browsing on a phone/tablet).

On 8/21/2018 at 3:46 PM, fisicx said:

Sliders should be avoided where possible. Apart from slowing down a site, they aren't effective (as most visitors will be browsing on a phone/tablet).

Agreed that often sliders aren't the best way of displaying content, however a well written slider will work fine on a tablet or phone.   Sometimes they are useful when you wish to list different categories of products each in it's own slider but it's not the first thing to jump to.  I'd like to A/B test it against a grid view with filters.

Edited by rbrtsmith

A bride viewing the site will probably be using a phone or tablet.

scrolling has become the norm (think of Facebook) making swiping counter intuitive.

So you are better off stacking the images and linking from each to a portfolio page.

The alternative is to grid the images on the homepage and then link to the portfolio pages.

test both and see which works.

Remember as well that you don’t matter. If the potential client likes what you do and reads lots of glowing testimonials then they will call or email you. They probably won’t even remember your name. It’s a photographer they want not you.

Edited by fisicx

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.