Reply To: Replace revolution slider with text and image

July 18, 2020 at 5:43 am #10033894
Support
Keymaster

Hello, first thanks for your purchase.

This is partially possible, since some effects only can be reproduced within the Revolution Slider.

Here’s an example of code trying to reproduce the first slide of Demo One Page (http://preview.oklerthemes.com/porto/8.0.0/index-one-page.html). First remove the entire HTML of revolution slider and in same place, put the code below:

<section class="section border-0 m-0" style="background-image: url(img/slides/slide-one-page-1-3.jpg); background-size: cover; background-position: center; height: 100vh;">
	<div class="container h-100">
		<div class="row align-items-center justify-content-center h-100">
			<div class="col-lg-6 text-center">
				<span class="text-color-light font-weight-semibold d-block mb-2 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="300">WE WORK HARD AND PORTO HAS</span>
				<h1 class="text-color-light font-weight-extra-bold text-13 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="500">THE BEST DESIGN</h1>
				<p class="font-weight-light text-4 mb-4 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="700">Trusted by over <strong class="text-color-light">30,000</strong> satisfied users, Porto is a huge success in the one of largest world's MarketPlace.</p>
				<a href="#">GET STARTED NOW!</a>
			</div>
		</div>
	</div>
</section>

We hope this helps!

Let us know if you need further assistance.

Kind Regards,

Rodrigo.

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads