How to left or right align the slider

Can you share me your slider page url?

Thanks

Thanks so much for replying. The site is still under construction, but I was wondering if anyone had been able to left or right align the slider. I can try it with css and divs and was wondering which class names or tags to look for.

Hello Ed,

Follow my instruction here –

Step-1 : Open your plugin directory and then open plugin ultimate-responsive-image-slider folder

Step-2 : Here you can see a file name is uris-layout.php , open it on any editor

Step-3 : Go to near no. 124 , and find below code there –

<?php if($Title != "") { ?>
			<p class="sp-layer sp-white sp-padding title-in title-in-bg hide-small-screen"
				data-position="centerCenter"
				data-vertical="-14%"
				data-show-transition="left" data-show-delay="500">
				<?php if(strlen($Title) > 100 ) echo substr($Title,0,100); else echo $Title; ?>
			</p>
			<?php } ?>

			<?php if($Desc != "") { ?>
			<p class="sp-layer sp-black sp-padding desc-in desc-in-bg hide-medium-screen"
				data-position="centerCenter"
				data-vertical="14%"
				data-show-transition="right" data-show-delay="500">
				<?php if(strlen($Desc) > 300 ) echo substr($Desc,0,300)."..."; else echo $Desc; ?>
			</p>
			<?php } ?>

Step-4 : Here you can see a attribute is data-position=”centerCenter” , i have point out this attribute in this screenshot

Step-5 : update this data attribute (data-position) with “centerLeft” for left align and “centerRight” for right, For more Help Check these screenshot-1 and screenshot-2

Step-6 : please also add this css at near line 100 –
For left align –

.sp-layer{
left:10% !important;
 }

For right align

.sp-layer{
right:10% !important;
 }

Step-7 : Finally save you code and then check your slider.

Let me know if you will get any problem during this procedure.

Thanks

Hello Weblizar

Thanks so much for these detailed instructions! I will give it a try.