Parallex image and Flex slider issue

Question

I just purchased my 4th canvas license! Awesome template!

This is the new website I am building for a new client: http://joncornlaw.com.s3-website-us-west-2.amazonaws.com/

I am having a issue. I need to show a transparent flex slider of text slides over a parallex image like in this website http://www.coastlawgroup.com/. Scroll down to the middle and you will see a parallex picture and a text slider over it. Please check my website http://joncornlaw.com.s3-website-us-west-2.amazonaws.com/ and I having difficulty doing that. I want the black background of the flex slider cover 90% of the background image and the text should be nicely visible. Please let me know how to do this.

Thanks,
Muneer

SemiColonWeb · Accepted Answer

Hello,

Thank You so much for your Continued Support to Canvas and for the Kind Words! We Truly Appreciate them! :)

Actually, a custom Color has been set for the Testimonials Text in the demos/app-landing/app-landing.css File. Simply find the following code in the demos/app-landing/app-landing.css File:

.testimonial-full .testi-content p {
	font-size: 28px;
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	letter-spacing: -1px;
	word-spacing: 2px;
	color: #777;
	font-style: normal;
	margin: 15px 0 30px 0;
	line-height: 1.6;
}

and delete the color: #777; CSS Property. Additionally, add the following CSS Code:

.dark .testi-meta span { color: #CCC; }

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

hopefull112 · Answer

Thanks one problem is solved but one problem is still remaining.

Problem: Flex slider does not cover 90% of the picture. I want it to work like this: http://www.coastlawgroup.com/
Please scroll down to the middle of this website and you will see. This is how it currently looks on my website: http://joncornlaw.com.s3-website-us-west-2.amazonaws.com/ . Can you please let me know how to do that?

Semicolon Web · Answer

Hello, This is Definitely Possible. Consider using the following code: This will definitely work fine. Hope this Helps! Let us know if we can help you with anything else or if you find any further issues.