XF 2.2 Tiled Header Image on Homepage

Mezmoor

New member
Hello.

Is it possible for me to make sure that my header image does not become tiled on some monitor? I'm assuming its a CSS issue or fix?
 

Mezmoor

New member
Code:
background-position: center top;
On second look, the header seems to lose quality. Do you know why this is?



Ignore the unfinished art, its a work in progress! lol but the Header seems to be a bit blurry, esp because when it was titled/uncentered it was crisp and HD.
 

Mr Lucky

Well-known member
On second look, the header seems to lose quality. Do you know why this is?



Ignore the unfinished art, its a work in progress! lol but the Header seems to be a bit blurry, esp because when it was titled/uncentered it was crisp and HD.
Youn could try a larger image and reduse the size using background size

See here (width & height specified)

e.g.
Code:
background-size: 500px 300px;
 

Mezmoor

New member
Youn could try a larger image and reduse the size using background size

See here (width & height specified)

e.g.
Code:
background-size: 500px 300px;
hmmm seems like on everyone elses comptuer that i've had test it, its HD to them. but for me its a little blurry. so weird. i did notice while testing that the banner doesnt show on mobile..
 
Top