Jump to content
WebFlake
  • 0

Chameleon Dark Theme 4.2 weird background stretch


clarkycal

Question

First of all sorry if this is not the place to ask :confused:

I have the Villain Theme working on 4.2.2 and the background does not looked stretched like the Chameleon Dark Theme, how can i fix this?

Villain : https://gyazo.com/0d5ad39a1d024b59c43be9aef7663ee0 and https://gyazo.com/8591ef454bc7e91fb3c99f8f882000c6

Chameleon: https://gyazo.com/5496b01bba330aa2366b529e8c475764 and https://gyazo.com/80f0325b62ced1a70841126959ba1b1b

So i want the Chameleon background to be the same/similar to the Villain theme, Thank you.

Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0
body {
  background: url(INSERT IMAGE URL) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

 

  • Support Team - September 9th, 2017 - June 8, 2018
  • Junior Moderator - December 14th 2018 - November 16th, 2019
  • Designer - November 16th, 2019 - June 5th, 2020
  • Moderator - June 5th, 2020 - August 28th, 2020
Link to comment
Share on other sites

  • 0
1 hour ago, Setup said:

body {
  background: url(INSERT IMAGE URL) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

 

Adding that to custom.css gives the exact same thing

Fixed by changing this:

{{if theme.picker_i1}}
	
	.background,
	.box-blur{
	background-size:  100vw calc(1489 / 1400 * 100vw);
	}
	.box-blur-image{
		max-height: calc(1489 / 1400 * 100vw);
	}
	
{{endif}}

To:

{{if theme.picker_i1}}
	
	.background,
	.box-blur{
	/*background-size:  100vw calc(1489 / 1400 * 100vw);*/
	background-position: 50% 0;
	background-attachment: fixed;
	background-size: cover;
	}
	.box-blur-image{
		max-height: calc(1489 / 1400 * 100vw);
	}
	
{{endif}}

OR Read the top of the custom.css (I'm stupid)

Edited by clarkycal
  • Upvote 2
Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...