Landing page background repeats on mobile web applications

This is the scrapped version of the discord community conversation.


  1. ParadyneX 2021.11.27.

landing page background repeats on mobile web applications … would it be possible to have no-repeat set for that image? I have spoken to a couple others who have same problem.

macromind 2021.11.27.

Just add it in the console with css no-repeat

  1. @macromind

Just add it in the console with css no-repeat

𝕽𝕰𝕻𝕺 2021.11.27.

Whats the full code you used? Iv tried afew different ways havent been able to get it to work using the console.

  1. @macromind

Just add it in the console with css no-repeat

ParadyneX 2021.11.27.

how can I add it via console to only the landing page?

  1. @𝕽𝕰𝕻𝕺

Whats the full code you used? Iv tried afew different ways havent been able to get it to work using the console.

macromind 2021.11.27.

I think that is how I did it:

<style> .auth-wrapper { background-repeat: no-repeat !important; background-size: cover !important; } </style>

2021년 11월 28일

  1. @macromind

I think that is how I did it:

<style> .auth-wrapper { background-repeat: no-repeat !important; background-size: cover !important; } </style>

𝕽𝕰𝕻𝕺 어제 오전 2:13

Ill give this one a try real fast

  1. [오전 2:17]

Still repeats when added in the console or

macromind 어제 오전 2:17

do you have the url

𝕽𝕰𝕻𝕺 어제 오전 2:19

The exchange URL?

  1. @𝕽𝕰𝕻𝕺

The exchange URL?

macromind 어제 오전 2:37

Try that image, it seems like its actually the image ratio that is the problem. If it works then you need a ratio related to 2000 x 1137

  1. @𝕽𝕰𝕻𝕺

The exchange URL?

macromind 어제 오전 2:38

Mine is not doing that: https://exchange.krypterz.com/login

𝕽𝕰𝕻𝕺 어제 오전 2:39

Cool like me give that a try

  1. [오전 2:42]

Still does the repeating (수정됨)

  1. [오전 2:43]

Let me resize alittle bigger

macromind 어제 오전 2:46

I checked my css and this is what I have and does not repeat with a fresh install, no other modification:

<style> .app_bar>div { width: 200px !important; height: 50px !important; } .app_bar .app_bar-icon-logo { width: 175px !important; } .app_bar { min-height: 56px; height: 56px; }

𝕽𝕰𝕻𝕺 어제 오전 2:48

Cool did you add that to the body or head in console?

macromind 어제 오전 2:50

I got it! .app_container { background-repeat: no-repeat !important; background-size: cover !important; }

  1. @𝕽𝕰𝕻𝕺

Cool did you add that to the body or head in console?

macromind 어제 오전 2:52

are you on DIY or Cloud cause I dont have that landing before the login form (수정됨)

𝕽𝕰𝕻𝕺 어제 오전 2:52

cloud

  1. @𝕽𝕰𝕻𝕺

cloud

macromind 어제 오전 2:53

that is why I dont have that one… Add that to your head:

<style> .app_container { background-repeat: no-repeat !important; background-size: cover !important; } </style> 

1

  1. @macromind

that is why I dont have that one… Add that to your head:

<style> .app_container { background-repeat: no-repeat !important; background-size: cover !important; } </style> 

𝕽𝕰𝕻𝕺 어제 오전 2:54

That worked

  1. [오전 2:54]

Nice Thank you

1 Like

This is great! Thanks for this. It’s very useful to know that you can indeed change the background image styling like this.

2 Likes