Difference between revisions of "Modify Site Background Image or Colour"

From UnionCloud Support
Jump to: navigation, search
(Page contents was incorrect and listed slide speed adjust not what title said)
 
(One intermediate revision by one other user not shown)
Line 1: Line 1:
If you want to change the UnionCloud Background Image, or Background Colour, and you have access to [[Global CSS]] you can do either of these things using the following lines of code]]
+
If you want to change your UnionCloud sites' Background Image, or Background Colour, and you have access to [[Global CSS]] you can do either of these things using the following lines of code:
  
To change the speed of the scroll simply change the 'auto:X,' line and replace the X with the number of seconds you want to delay the scroll, the example below uses 2 seconds.
+
<pre>
 
+
body {  
<code>
+
    background: url(https://pathToImage.jpg) no-repeat center center fixed; /*FOR AN IMAGE*/
  <nowiki>
+
OR
 
+
background-color:color; /*FOR A COLOR*/
$('.auto-stripe ul').jcarousel({
+
  -webkit-background-size: cover;
scroll:1,
+
  -moz-background-size: cover;
wrap: 'last',
+
  -o-background-size: cover;
auto:2,
+
  background-size: cover;
itemFallbackDimension: 300
+
}
});
+
</pre>
    </nowiki>
 
</code>
 
 
 
<syntaxhighlight lang="javascript" line='line'>
 
$('.auto-stripe ul').jcarousel({
 
scroll:1,
 
wrap: 'last',
 
auto:2,
 
itemFallbackDimension: 300
 
});
 
</syntaxhighlight>
 
 
 
 
 
<syntaxhighlight lang="python" line='line'>
 
def quickSort(arr):
 
less = []
 
pivotList = []
 
more = []
 
if len(arr) <= 1:
 
return arr
 
else:
 
pass
 
</syntaxhighlight>
 

Latest revision as of 15:03, 8 July 2018

If you want to change your UnionCloud sites' Background Image, or Background Colour, and you have access to Global CSS you can do either of these things using the following lines of code:

body { 
    background: url(https://pathToImage.jpg) no-repeat center center fixed; /*FOR AN IMAGE*/
OR
background-color:color; /*FOR A COLOR*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}