How cay I correct the blurred images in iPad
I have the settings as scroll, and they look ok on I phone but other than the top image they are too large and blurred
Www.bedandbreakfast-newportpagnell.co.uk
Nigel Allen
Registered User
7 posts
Its A Kind Of Bali Magic
Registered User
5,394 posts
Online Now
Nigel Allen wrote:
How cay I correct the blurred images in iPad
I have the settings as scroll, and they look ok on I phone but other than the top image they are too large and blurred
Www.bedandbreakfast-newportpagnell.co.uk
How cay I correct the blurred images in iPad
I have the settings as scroll, and they look ok on I phone but other than the top image they are too large and blurred
Www.bedandbreakfast-newportpagnell.co.uk
You are going to need to adjust the row or colomn heights and also the positioning of the background images, maybe to "contain" or "custom" or even place a smaller image(same image but a bit smaller resolution) in the background at those sizes.
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/
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/
Nigel Allen
Registered User
7 posts
Thanks Wayan
It is set to cover at all break points.
Why would it only view blurred on landscape iPad but ok on all other views?
It is set to cover at all break points.
Why would it only view blurred on landscape iPad but ok on all other views?
Its A Kind Of Bali Magic
Registered User
5,394 posts
Online Now
Nigel Allen wrote:
Thanks Wayan
It is set to cover at all break points.
Why would it only view blurred on landscape iPad but ok on all other views?
Thanks Wayan
It is set to cover at all break points.
Why would it only view blurred on landscape iPad but ok on all other views?
Don't know without being able to see the project file
Is there a gradient over the image at that position,, Just a guessing game here,
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/
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/
Its A Kind Of Bali Magic
Registered User
5,394 posts
Online Now
Nigel Allen wrote:
Thanks Wayan
It is set to cover at all break points.
Why would it only view blurred on landscape iPad but ok on all other views?
Thanks Wayan
It is set to cover at all break points.
Why would it only view blurred on landscape iPad but ok on all other views?
Which image is it?
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/
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/
Its A Kind Of Bali Magic
Registered User
5,394 posts
Online Now
Nigel Allen wrote:
Thanks Wayan
It is set to cover at all break points.
Why would it only view blurred on landscape iPad but ok on all other views?
Thanks Wayan
It is set to cover at all break points.
Why would it only view blurred on landscape iPad but ok on all other views?
In fact they all look blurred on my pc and laptop
so I suspect it is the image size(resolution) that is the problem
what size are the images
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/
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/
Nigel Allen
Registered User
7 posts
The images are all slightly different, from top down, they are:
Front view120DPI 1500 x 1125 pxl
Lounge 350 dpi 1920 x1080
Church 300 dpi 260 x 195
stairway 180 dpi 260 x 195
open view 72 dpi 260 x 195
Front view120DPI 1500 x 1125 pxl
Lounge 350 dpi 1920 x1080
Church 300 dpi 260 x 195
stairway 180 dpi 260 x 195
open view 72 dpi 260 x 195
Its A Kind Of Bali Magic
Registered User
5,394 posts
Online Now
Nigel Allen wrote:
The images are all slightly different, from top down, they are:
Front view120DPI 1500 x 1125 pxl
Lounge 350 dpi 1920 x1080
Church 300 dpi 260 x 195
stairway 180 dpi 260 x 195
open view 72 dpi 260 x 195
The images are all slightly different, from top down, they are:
Front view120DPI 1500 x 1125 pxl
Lounge 350 dpi 1920 x1080
Church 300 dpi 260 x 195
stairway 180 dpi 260 x 195
open view 72 dpi 260 x 195
nowhere near enough
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/
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/
Bainn
Registered User
99 posts
There is an issue with iOS and background-size:cover with background-attachment: fixed. Basically, it magnifies images on your iPhone or iPad.
The easies way around this is to add the following code....
Basically, this will make background images scroll when the viewpoint is less than 1024px. There are ways to isolate iOS using @media, but I was satisfied with this solution.
The easies way around this is to add the following code....
@media screen and (max-width: 1024px) {
body * {background-attachment: scroll !important;}
}
body * {background-attachment: scroll !important;}
}
Basically, this will make background images scroll when the viewpoint is less than 1024px. There are ways to isolate iOS using @media, but I was satisfied with this solution.
CoffeeCup Websites:
City Church Christchurch: https://city.org.nz
Champion Freight: https://www.championfreight.co.nz/
eChamp: https://echamp.co.nz/
Champion Containers: http://championcontainersnz.com/
City Church Christchurch: https://city.org.nz
Champion Freight: https://www.championfreight.co.nz/
eChamp: https://echamp.co.nz/
Champion Containers: http://championcontainersnz.com/
Its A Kind Of Bali Magic
Registered User
5,394 posts
Online Now
Bainn wrote:
There is an issue with iOS and background-size:cover with background-attachment: fixed. Basically, it magnifies images on your iPhone or iPad.
The easies way around this is to add the following code....
Basically, this will make background images scroll when the viewpoint is less than 1024px. There are ways to isolate iOS using @media, but I was satisfied with this solution.
There is an issue with iOS and background-size:cover with background-attachment: fixed. Basically, it magnifies images on your iPhone or iPad.
The easies way around this is to add the following code....
@media screen and (max-width: 1024px) {
body * {background-attachment: scroll !important;}
}
body * {background-attachment: scroll !important;}
}
Basically, this will make background images scroll when the viewpoint is less than 1024px. There are ways to isolate iOS using @media, but I was satisfied with this solution.
Good Idea but thats not his problem images 360 px and less set to cover at screensizes over 750px forced to go fuzzy scroll or fixed
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/
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.
