Reply To: DIFFERENT ALIGNMENT FOR TEXT and LOGO CONTAINER

Support Forums Rosa – HTML Template DIFFERENT ALIGNMENT FOR TEXT and LOGO CONTAINER Reply To: DIFFERENT ALIGNMENT FOR TEXT and LOGO CONTAINER

#5669
CreaboxThemes
Keymaster

Hi,

First, you have to edit the file scripts.js in the folder js. You have to remove the function used to center the content. Delete the next code:

/* ==============================================
DIV's POSITION
=============================================== */
	
var windowHeight = $(window).height();
var homePageHeight = $('#home').height();

if (windowHeight >= homePageHeight){
     $('#home').css("padding-top", (((windowHeight-homePageHeight)/2)-40));
     $('#home').css("padding-bottom", (((windowHeight-homePageHeight)/2)-40));
}

$(window).resize(function() {		
     var windowHeight = $(window).height();
     var homePageHeight = $('#home').height();

     if (windowHeight >= homePageHeight){
          $('#home').css("padding-top", ((windowHeight-homePageHeight)/2));
          $('#home').css("padding-bottom", ((windowHeight-homePageHeight)/2));
     }
});

Then, add the next code to the file style.css to center the content at the bottom of the page.

#home{
     position: absolute;
     bottom: 20px;
     z-index:10;
     width: 100%;
}

You can modify the position changing the valur of the attribute bottom.

Regards