Reply To: span issue

November 13, 2020 at 11:21 am #10035067
tad72
Participant

code in question:

<!-- Carousel Slide 1 -->
						<div class="position-relative overlay overlay-color-primary overlay-show overlay-op-8" data-dynamic-height="['670px','670px','670px','550px','500px']" style="background-image: url(img/slides/slide-corporate-1-1.jpg); background-size: cover; background-position: center; height: 670px;">
							<div class="container position-relative z-index-3 h-100">
							  <Div class="row justify-content-center align-items-center h-100">
									<div class="col-lg-6">
										<div class="d-flex flex-column align-items-center">
											<h3 class="position-relative text-color-light text-4 line-height-5 font-weight-medium px-4 mb-2 appear-animation" data-appear-animation="fadeInDownShorterPlus" data-plugin-options="{'minWindowWidth': 0}">
												<span class="position-absolute right-100pct top-50pct transform3dy-n50 opacity-3">
													<img src="img/slides/slide-title-border.png" class="w-auto appear-animation" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="250" data-plugin-options="{'minWindowWidth': 0}" alt="" />
												</span>												WE CREATE DESIGNS, WE ARE

												<span class="position-absolute left-100pct top-50pct transform3dy-n50 opacity-3">
													<img src="img/slides/slide-title-border.png" class="w-auto appear-animation" data-appear-animation="fadeInLeftShorter" data-appear-animation-delay="250" data-plugin-options="{'minWindowWidth': 0}" alt="" />
												</span>
											</h3>
										  <h3 class="porto-big-title text-color-light font-weight-extra-bold mb-3 initialized text-left" data-plugin-animated-letters="" data-plugin-options="{'startDelay': 1000, 'minWindowWidth': 0, animationSpeed': 250, 'animationName': 'fadeInRightShorterOpacity', 'letterClass': 'd-inline-block'}" style="min-height: 229.333px;"><span class="letter d-inline-block fadeInRightShorterOpacity animated" style="animation-delay: 0ms;">THIS IS A TEST</span></h3>
<p class="text-4 text-color-light font-weight-light text-center mb-0" data-plugin-animated-letters data-plugin-options="{'startDelay': 2000, 'minWindowWidth': 0}">EXPERTS IN WEB DESIGN AND DEVELOPMENT</p>
										</div>
									</div>
								</Div>
							</div>
						</div>