XF 2.2 Tiled Header Image on Homepage

[Mezmoor]

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?

 

[Mr Lucky]

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?

background-repeat:no-repeat;

 

[Mezmoor]

background-repeat:no-repeat;

Thank you so much!! Do you know of any code used to center a Headr image?

 

[Old Nick]

Hello,

In extra.less template :

.p-header-logo {
    margin-left: auto;
}

 

[Mr Lucky]

I use this

background-position: center top;

 

[Old Nick]

Oh sorry, you are speaking about a background image, not header-logo.

 

[Mezmoor]

background-position: center top;

yay it worked! thank you

 

[Mezmoor]

background-position: center top;

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

Naruto Roleplay Forums! - Role Play, Fanfiction Writers, FanArt Artists, Manga & Anime Community

Naruto Roleplay Forums is a community. Naruto Roleplaying Forums for Naruto Shippuden anime fans, Roleplayers, Fanart Artists and Fanfiction Writers to come network, meet each other, chat, promote stories, and collab on OC storywriting. Come LEARN from us. We are people from all across the world...

www.narutodata.com

https://i.gyazo.com/28598d39de40f60eea52362a9eb6abb2.png

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]

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

Naruto Roleplay Forums! - Role Play, Fanfiction Writers, FanArt Artists, Manga & Anime Community

Naruto Roleplay Forums is a community. Naruto Roleplaying Forums for Naruto Shippuden anime fans, Roleplayers, Fanart Artists and Fanfiction Writers to come network, meet each other, chat, promote stories, and collab on OC storywriting. Come LEARN from us. We are people from all across the world...

www.narutodata.com

https://i.gyazo.com/28598d39de40f60eea52362a9eb6abb2.png

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.

background-size: 500px 300px;

 

[Mezmoor]

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

See here (width & height specified)

e.g.

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..