the slider output has format issues the arrows are off center and the bullets are hidden and each slide is a different size can you fix just center the arrows keep the slider size itself the same but please make image size consistent Also please make sure the bullets are at the bottom and the arrows are centered other than that nothing else needs to change body font family Verdana, sans serif margin 0 background color 000 mySlides display none background color 0ee4cc img vertical align middle transition property opacity transition duration 2s img hover cursor pointer opacity 0 55 Slideshow container slideshow container max width 45 changed height 250px position relative margin auto Next previous buttons prev, next cursor pointer position absolute top 50 width auto padding 16px margin top 22px color white font weight bold font size 18px transition 0 6s ease border radius 0 3px 3px 0 user select none z index 9999 Position the next button to the right next right 0 border radius 3px 0 0 3px On hover, add a black background color with a little bit see through prev hover, next hover background color rgba(0, 0, 0, 0 8) Caption text text color f2f2f2 font size 15px padding 8px 12px position absolute bottom 8px text align center left 50 transform translateX( 50 ) Number text (1 3 etc) numbertext color f2f2f2 font size 12px padding 8px 12px position absolute top 0 The dots bullets indicators dot cursor pointer height 10px width 10px margin 0 2px background color bbb border radius 50 display inline block transition background color 0 6s ease active, dot hover background color 717171 Fading animation fade webkit animation name fade webkit animation duration 1 5s animation name fade animation duration 1 5s webkit keyframes fade from opacity 4 to opacity 1 keyframes fade from opacity 4 to opacity 1 button background color 1E1E1E border none color white font family calibri text align center text decoration none display inline block padding 15px 30px font size 16px margin 4px 2px cursor pointer media only screen and (max width 768px) prev, next, text font size 12px button padding 5px 10px font size 12px h1 color 0ee4cc title2 color fff Responsive code here media only screen and (max width 600px) this for tablets slideshow container max width 100 media only screen and (max width 768px) this for desktop slideshow container max width 100 Projects Check Out a Sample of My Work Click to view the project Caption Two Caption Three var slideIndex 1 showSlides(slideIndex) function plusSlides(n) showSlides(slideIndex n) function currentSlide(n) showSlides(slideIndex n) function showSlides(n) var i var slides document getElementsByClassName( mySlides ) var dots document getElementsByClassName( dot ) if (n slides length) slideIndex 1 if (n 1) slideIndex slides length for (i 0 i slides length i ) slides i style display none for (i 0 i dots length i ) dots i className dots i className replace( active , ) slides slideIndex 1 style display block dots slideIndex 1 className active

The Answer is in the image, click to view ...

Answered step by step

Verified Expert Solution

Link Copied!

Question

1 Approved Answer

Posted on Sep 26, 2024

the slider output has format issues...the arrows are off center and the bullets are hidden and each slide is a different size ...can you fix?

the slider output has format issues...the arrows are off center and the bullets are hidden and each slide is a different size ...can you fix? just center the arrows keep the slider size itself the same but please make image size consistent...Also please make sure the bullets are at the bottom and the arrows are centered other than that nothing else needs to change.