Swiper Slider Text Opacity

1 reply · opened Apr 26, 2019

DDgtlrose-CanApr 26, 2019

I am using the Swiper slider, and am having issues changing the opacity of the h2 text and p text/caption. They are currently very "dim" and see through. I need them to a) change the color from light grey to white, and b) change the opacity so that they are less see-through, and easier to read against the background photo.

The code:
<section id="slider" class="slider-element slider-parallax swiper_wrapper full-screen clearfix">

		&lt;div class="swiper-container swiper-parent"&gt;
			&lt;div class="swiper-wrapper"&gt;
				&lt;div class="swiper-slide dark" style="background-image: url('images/slider/swiper/1.jpg');"&gt;
					&lt;div class="container clearfix"&gt;
						&lt;div class="slider-caption slider-caption-right text-right"&gt;
							&lt;h2 data-animate="fadeInUp"&gt;Our Wonderful Heading&lt;/h2&gt;
							&lt;p class="d-none d-sm-block" data-animate="fadeInUp" data-delay="200"&gt;The text that we need to be less opaque is here.&lt;/p&gt;
							[Learn More](#)
						&lt;/div&gt;
					&lt;/div&gt;
				&lt;/div&gt;
			&lt;/div&gt;
			&lt;div class="slider-arrow-left"&gt;&lt;i class="icon-angle-left"&gt;&lt;/i&gt;&lt;/div&gt;
			&lt;div class="slider-arrow-right"&gt;&lt;i class="icon-angle-right"&gt;&lt;/i&gt;&lt;/div&gt;
			&lt;div class="slide-number"&gt;&lt;div class="slide-number-current"&gt;&lt;/div&gt;&lt;span&gt;/&lt;/span&gt;&lt;div class="slide-number-total"&gt;&lt;/div&gt;&lt;/div&gt;
		&lt;/div&gt;

	&lt;/section&gt;

When I view the page using developer tools, I see that the code is displaying as:

<div class="slider-caption slider-caption-right text-right" style="transform: translateY(-6px); opacity: 0.493844; top: 210px;">
<h2 data-animate="fadeInUp" class="fadeInUp animated">35 Years and Counting</h2>
<p class="d-none d-sm-block fadeInUp animated" data-animate="fadeInUp" data-delay="200">The Right Part ... Fast!</p>
Learn More
</div>

So the opacity: 0.493844 is my issue, but I can't figure out where to change it. Can you point me in the right direction?

Thank you.

DDgtlrose-CanApr 26, 2019

Forget it. Figured it out.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard