Mnl168 jili slot login registration.Enjoy Free 888+200 Daily Legal Bonus

the slidershow images and the message text are deforming after 1620px?

johannes999 — Mon, 20 Feb 2023 19:32:00 +0000

hello,

this is the html code :


      
       
        
        	
      Vooraf prijs opgave
		BMW Specialist
		Klanten Beoordeling 9.2/10
		
				
	 	Menu	
	X Auto Service
	
 auto repair service
	   
		  
      

      
        
        
		   
      Vooraf prijs opgave
		BMW specialist
		Klanten Beoordeling 9.2/10	
		
			
	Menu	
	X Auto Service	
 auto repair service
			
	 	
      
      

      
        
        
		   
      Vooraf prijs opgave
		BMW specialist
		Klanten Beoordeling 9.2/10	
		
			
	Menu	
	X Auto Service	
 auto repair service
	 		  
	 
	 
	     
	
	
		
	 
		 
	 
	 
		
  FULL   SERVICE   OF  AUTO   REPAIR
And  Maintenance  PROFESSIONAL HELP   AND
	DURABLE  REPAIR  SERVICE

and this is the CSS code:

@media (min-width: 1620px) and (max-width: 2219.999px)  {
	* {
  box-sizing: border-box;
  margin:0;
  padding:0;
	
	}
 html, body {
	 max-width: 100%;
    overflow-x: hidden;
	
}
	
	
	
	.site-header1 {
  z-index:2;	
	max-width:100%;
background-repeat: no-repeat;
 position:relative;
box-sizing:inherit;
   margin-top:0;

	
}


.site-header2 {
 z-index:2;	
	max-width:100%;
background-repeat: no-repeat;
 position:relative;
box-sizing:inherit;
   margin-top:0;



	
}

.site-header3 { 

  z-index:2;	
	max-width:100%;
background-repeat: no-repeat;
 position:relative;
box-sizing:inherit;
   margin-top:0;	
}


.site-header4 { 
 z-index:2;	
	max-width:100%;
background-repeat: no-repeat;
 position:relative;
box-sizing:inherit;
   margin-top:0;


	
}

.site-header5 { 
 z-index:2;	
	max-width:100%;
background-repeat: no-repeat;
 position:relative;
box-sizing:inherit;
   margin-top:0;


}
	
	 .mySlides {
        display:none;
	     
      }

      img {
        vertical-align: middle;		
		   
      } 
	 
	
	
	 #figure {
    	position: absolute;
    bottom: 0; 

 
	}

	
	
	
      /* Slideshow  */
      .slideshow-container { 
				 width:100%;
      		position:relative;
		margin:auto;
		  display:flex;
		  justify-content:center;
		  
      }
	
      
    
      
      .dot {
        height: 15px;
        width: 15px;       
        background-color:red;
        border-radius: 50%;
		  display: inline-block;
  transition: background-color 0.6s ease; 
		margin:0 4px;
		
		 
      }
	
	
	
	
	
	
.dot.active {
  background-color: #333;
	
}  
 
.dot.active:after {
    content: "";
       transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
	transition-delay: 1s;    
    position:absolute;
    left:5px		
}   
    
      .fade {
        animation-name: fade;
        animation-duration: 6s;
      }

      @keyframes fade {
        from {
          opacity: 0.5;
        }
        to {
          opacity: 1;
        }
      } 
	

message1 {
	width:100%;
	top:50%;
	left:0.25%;
	position:relative;	
  font-size:1rem;
  color:green;

	
}


message {
	width:100%;
	top:38.5%;
	left:0.25%;
	position:absolute;	
  font-size:1rem;
  color:green;

	
}

h1 {
	
	
  
  max-width: 40ch;
  text-align: center;
  transform: scale(0.94);
  animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1);

animation-iteration-count:5;
}
@keyframes scale {
  100% {
    transform: scale(1);
  }
}

span {
  display: inline-block;
  opacity: 0;
  filter: blur(4px);
}

span:nth-child(1) {
  animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(2) {
  animation: fade-in 0.8s 0.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(3) {
  animation: fade-in 0.8s 0.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(4) {
  animation: fade-in 0.8s 0.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(5) {
  animation: fade-in 0.8s 0.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(6) {
  animation: fade-in 0.8s 0.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(7) {
  animation: fade-in 0.8s 0.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(8) {
  animation: fade-in 0.8s 0.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(9) {
  animation: fade-in 0.8s 0.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(10) {
  animation: fade-in 0.8s 1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(11) {
  animation: fade-in 0.8s 1.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(12) {
  animation: fade-in 0.8s 1.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(13) {
  animation: fade-in 0.8s 1.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(14) {
  animation: fade-in 0.8s 1.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(15) {
  animation: fade-in 0.8s 1.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(16) {
  animation: fade-in 0.8s 1.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(17) {
  animation: fade-in 0.8s 1.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(18) {
  animation: fade-in 0.8s 1.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

@keyframes fade-in {
  100% {
    opacity: 1;
    filter: blur(0);
  }
}

the problem is: this code is working very wel until up to 1620px .

when I open my web page on 1920px I see the slidershow takes only about 50% of screen while it has to take 100% of the screen .

and the animation text takes the other 50% while the animation text has to be in the slidershow . under 1620px you can see that everything is working very well. I have disabled other codes between 1620px to 2219.999px to be sure that there is no typo fault.

I tried many ways to solve the problem but I couldn’t find any clue.

where it can be the problem?

you have to open my web page on larger screen to see exactly what I mean.

Images are stretched on mobile

AuthGirl — Sun, 23 Feb 2020 05:54:33 +0000

I’ve been trying to make the photos show in the center.
(they were landing on the left-hand side even with the Slideshow settings → ‘Center slideshow images’ checked)

Now the problem has been fixed after adding style code:
.photonic-slide-center.lightSlider li { text-align: center; }

Looking all good on computer screen, BUT, all images are showing as stretched on MOBILE screen.

Please advise me how to fix this problem.

Flickr – Centre slideshow images

AuthGirl — Mon, 10 Feb 2020 15:03:18 +0000

Trying to make the photos show in the center.
(It lands on the left-hand side)
Please advise me know what am I doing wrong.

my code is:


[photonicgallery type='flickr' view='photosets' photoset_id='72157621868278892' headers='' user_id='30217022@N04' sort='date-posted-desc' columns='Automatic' caption='none' media='photos' speed='700' timeout='3500' fx='fade' strip-style='no-strip' controls='hide' layout='no-strip']

I also want it to be FADE instead of slide.

SlideShow Plugin Not Loading the Image

Heathrow Gatwick Cars — Thu, 30 Jun 2016 15:31:51 +0000

Hi i signup with cloudflare monthly pay, but it seem to have effect with most of slideshow thumbnail images, which doesn’t Load at all just a loading circle keep going round and round without any image sliding.
Now am wondering why? and if they is other alternative slideshow thumbnail plugin gone to use to stop this error or work’s with Cloudflare system?

https://www.ads-software.com/plugins/cloudflare/

slideshow with different width and infinite scroll

famarinu — Mon, 21 Mar 2016 05:24:39 +0000

Hi,
I’m looking for a pluging for an infinite slidershow, that scroll with the mouse wheel and the images have not all the same width as you can see in this link: https://dark.kameron.themevillage.net/my-workflow .
Thanks for the help!

Remove Links on Portfolio Posts

mavath — Thu, 23 Jan 2014 09:14:58 +0000

Hi,

First, sorry for my english, i’m french.

Second, my website is : https://prolepse.org

Finally, i expose my situation : I created a portfolio down on my website and i would like pictures don’t be clickable, i would like to remove the link on them, i just want a slider who shows pictures but don’t bring to others pages, and i’d like to accelerrate the time of the slidershow. Do i have to modify my php files ?

Thanks for your answers.

Slider Image Not Showing Up in Chrome Only

kingfisher74 — Fri, 15 Jun 2012 16:22:13 +0000

Hi, I have a slider/slideshow on the main page of our website. The images are showing in IE and Firefox.

However, it does not load on Chrome. The images will load and then go blank. Once i press refresh Ctrl+F5, the images will show up and continued to show thereafter.

May i know the reason and how to overcome it? Thanks in advance.

My site is www.thenewageparents.com