Flexslider Not Working when added manually using HTML markup

Dazzling
1

Hello,

I tried using this code:

<div class="flexslider">
	<ul class="slides">
		<li>
			<img width="1920" height="550" src="https://colorlib.com/dazzling/wp-content/uploads/sites/6/2013/01/homev_updated1_02.jpg">
			<div class="flex-caption">
				<a href="https://colorlib.com/dazzling/title-with-special-characters/">
					<h2 class="entry-title">Slide #1 Title</h2>
					<div class="excerpt">Description text for slide #1</div>
				</a>
			</div>
		</li>
		<li>
			<img width="1920" height="550" src="https://colorlib.com/dazzling/wp-content/uploads/sites/6/2013/01/slide03.jpg">
			<div class="flex-caption">
				<a href="https://colorlib.com/dazzling/markup-html-tags-and-formatting/">
					<h2 class="entry-title">Slide #2 Title</h2>
					<div class="excerpt">Description text for slide #2</div>
				</a>
			</div>
		</li>
	</ul>
</div>

But it’s not working. You can see it here. I was just wondering why since I’ve used the code twice in other websites and it worked perfectly. See it in action here. I also attached screenshots.

I hope someone could help. Thanks!

Cheers,
Eli

2

I see that you have already resolved this problem. The thing was that you had to keep Flexslider enabled in Theme Options to load its CSS and JavaScript files. Otherwise just plain HTML is loaded and nothing works and is not styled properly as well.

Let me know if there is anything else.