Background images - Post ID 276583

User 187934 Photo


Senior Advisor
20,271 posts

Wayan Jaya wrote:
Eric Rohloff wrote:
The page in the link looks fine on my iPhone.


Yes Eric the problem is at the higher views,ipad/tablet upwards, the images are far too small to be set to "COVER"


I see by the image sizes this would be the case but Nigel stated it was happening on their iPhone also
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2699991 Photo


Registered User
5,397 posts
Online Now

Eric Rohloff wrote:
Wayan Jaya wrote:
Eric Rohloff wrote:
The page in the link looks fine on my iPhone.


Yes Eric the problem is at the higher views,ipad/tablet upwards, the images are far too small to be set to "COVER"


I see by the image sizes this would be the case but Nigel stated it was happening on their iPhone also

Hi Eric
iPad Eric was where it blurred iPhone was ok

did you get the contact message I sent from your site?
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
User 187934 Photo


Senior Advisor
20,271 posts

Yes, I got it. They're diving through one of the charters there. Waiting until a little closer to trip time before canceling.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2368988 Photo


Registered User
7 posts

Hi Guys,
Thanks ,I have pasted the code provided into the original main Css file and everything looks to be ok now!

Bainn, I will create a separate CSS file for future use with the code on as I can see this being used again!!
Wayan, I am going to check the images and try to obtain better quality ones, although having viewed it again today on various sized screens they seem ok! What size screens are you viewing on? What would you say is the best size file to work as a background on all screens?
User 2699991 Photo


Registered User
5,397 posts
Online Now

Nigel Allen wrote:
Hi Guys,
Thanks ,I have pasted the code provided into the original main Css file and everything looks to be ok now!

Bainn, I will create a separate CSS file for future use with the code on as I can see this being used again!!
Wayan, I am going to check the images and try to obtain better quality ones, although having viewed it again today on various sized screens they seem ok! What size screens are you viewing on? What would you say is the best size file to work as a background on all screens?

Laptop & desktop with a 24" monitor and the images look terrible (except for the first on of the B&B, so you need the others to be minimum same size at least,, and you have a list of places that are close-by which are not styled at the highest points so you must have another breakpoint which you haven't applied styles to
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
User 2699991 Photo


Registered User
5,397 posts
Online Now

Wayan Jaya wrote:
Nigel Allen wrote:
Hi Guys,
Thanks ,I have pasted the code provided into the original main Css file and everything looks to be ok now!

Bainn, I will create a separate CSS file for future use with the code on as I can see this being used again!!
Wayan, I am going to check the images and try to obtain better quality ones, although having viewed it again today on various sized screens they seem ok! What size screens are you viewing on? What would you say is the best size file to work as a background on all screens?

Laptop & desktop with a 24" monitor and the images look terrible (except for the first on of the B&B, so you need the others to be minimum same size at least,, and you have a list of places that are close-by which are not styled at the highest points so you must have another breakpoint which you haven't applied styles to


here is a link to a video showing what the page images look like at various viewport sizes (only can be seen by people with this link, & I will remove it once you have seen it if you let me know when you seen it)

https://youtu.be/SZNXdF5ZrAA

by the way watch the video at FULL SCREEN & HD resolution to get the best vision of the images problem
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
User 2368988 Photo


Registered User
7 posts

Thanks Wayan
Hopefully looks ok now with the new images , except the Lounge.jpg photo does not appear to be showing up, can't work out what the issue is. The file is I the image folder
User 2815606 Photo


Registered User
55 posts

Hi Nigel,
The image url path is pointing to a coffeecup placeholder ...... have you changed the url to the image that you want in your images folder (or wherever you keep your images)?

David
User 2368988 Photo


Registered User
7 posts

So I seem to have solved the iPad issue but on the iPhone it seems corrupt , still showing the old background and styles on useful links .
Yet in rsd it shows correct at all breakpoints
User 2699991 Photo


Registered User
5,397 posts
Online Now

Nigel Allen wrote:
So I seem to have solved the iPad issue but on the iPhone it seems corrupt , still showing the old background and styles on useful links .
Yet in rsd it shows correct at all breakpoints


make sure you have the breakpoint slider just to the left of the lowest breakpoint (so that there is no dot in the breakpoint button center) check the styling from there
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.