How to top align slider content ?

Tutorial 1 posts from 2 participants
  • Started 5 years, 6 months ago ago by tata pil
  • Replied 5 years, 6 months ago ago by Constantin
Viewing 2 posts - 1 through 2 (of 2 total)
  • #2064

    tata pil

    Hello Constantin,

    I am trying to use it to show some short text posts with headers. However they tend to be centered vertically in the middle of container, which create inconsistency in look.

    How have the content always to align to the top of the container?

    Thanks.

    #2067

    Constantin

    Hi,

    You should change the slider theme CSS. To do this, edit slider theme Simple stylesheet.css and modify this:

    .fa_slider_simple .fa_slide_content{
    	display:block!important;
    	position:absolute;
    	width:40%;
    	left:5%;
    	right:5%;
    	text-align:left;
    	z-index:2;
    	top:50%;
    	-moz-transform		: translateY(-50%);
    	-webkit-transform	: translateY(-50%);
    	-o-transform		: translateY(-50%);
    	transform			: translateY(-50%);				
    }
    

    into this:

    .fa_slider_simple .fa_slide_content{
    	display:block!important;
    	position:absolute;
    	width:40%;
    	left:5%;
    	right:5%;
    	text-align:left;
    	z-index:2;			
    }
    

    Also note that you should update the minified version of the stylesheet called stylesheet.min.css

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.