[Support request] adding motion background

Home Forums Support adding motion background

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #954518
    James

    Hi I want to add the following

    html, body{
    	width:100%; 
    	height:100%; 
    	padding:0px; 
    	margin:0px;
    	overflow: hidden;
    	background: #191d1e; /* Old browsers */
    	background: -moz-linear-gradient(0deg,  #191d1e 50%, #283139 100%); /* FF3.6+ */
    	background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,#191d1e), color-stop(100%,#283139)); /* Chrome,Safari4+ */
    	background: -webkit-linear-gradient(0deg,  #191d1e 50%,#283139 100%); /* Chrome10+,Safari5.1+ */
    	background: -o-linear-gradient(0deg,  #191d1e 50%,#283139 100%); /* Opera 11.10+ */
    	background: -ms-linear-gradient(0deg,  #191d1e 50%,#283139 100%); /* IE10+ */
    	background: linear-gradient(0deg,  #191d1e 50%,#283139 100%); /* W3C */
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191d1e', endColorstr='#283139',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    	background-attachment: fixed
    }
    
    #projector {
      position: absolute; 
      top: 0px;
      left: 0px;
      width:100%;
      height:100%;
    } 
    
    .center-div {
    	width:580px;
        height:374px;
        position:absolute;
        left:50%;
        top:50%;
        margin-left: -290px;
        margin-top:  -187px;
    }
    
    #preloaderDiv
    {
    	position:absolute;
    	left:50%;
        top:50%;
        margin-left: -27px;
        margin-top:  -27px;
    }
    
    #logo{
    	opacity:0;
        filter: alpha(opacity=0);
    }
    
    #date2014
    {
    	position:absolute;
    	padding-left: 210px;
    	padding-top:15px;
    	opacity:0;
    	top:303px;
    	left:0;
        filter: alpha(opacity=0);
    }

    How do I add this into my theme? I was it on the homepage instead of the header image.

    #954531
    Leo
    Staff
    Customer Support

    Hi there,

    Where did you get the code from?

    These things are not meant to be an out-of-box solution and usually requires quite a bit of custom coding to implement in the WordPress environment, unfortunately.

    The theme itself doesn’t have any of the elements mentioned after first block of the code.

    #954552
    James

    I thought it may be painful to add… no problem,

    Is it possible to add a video as the picture to have the feel of a motion image?

    #954558
    Leo
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.