/* ----------------------------------------- */ /* View slug: slider - start */ /* ----------------------------------------- */ .slider-container { padding: 0 25px; padding-left: 29%; position: relative; background-color: #761042; } .slides { position: relative; } #sliderTitle { color: #761042; text-align: center; margin-top: 50px; } .slides h4 { bottom: 0%; /* width: 100%;*/ position: absolute; text-align: center; color: white; padding: 1px 10px 1px 10px; /*float: right;*/ background: rgba(117, 15, 65, 0.9); font-size: 16px; font-family: roboto; align-content: center; } .slides h4 a { color: #fff; border :none; } .slides h4:hover { color: #f7f7f7; } .img_slider { width: 20%; height: 20%; float: left; /*margin-right: 5px;*/ background-color: white; padding: 0px 5px 0px 5px; } /*-----Mobiel------*/ @media only screen and (max-width: 600px) { .slider-container { padding: 0px; padding-left: 0%; position: relative; background-color: #761042; } .slides { position: relative; } #sliderTitle { color: #761042; text-align: center; } .slides h4 { bottom: 0%; position: static; text-align: center; color: white; padding: 0px 10px 0px 10px; background: rgba(117, 15, 65, 0.9); font-size: 16px; font-family: roboto; align-content: center; } .slides h4 a { color: #fff; border :none; } .slides h4:hover { color: #f7f7f7; } .img_slider { width: 100%; height: 100%; float: left; /*margin-right: 5px;*/ background-color: white; padding: 0px 0px 0px 0px; } } /*-----Mobiel liggend -----*/ @media only screen and (min-width: 600px) and (max-width: 1400px) { .slider-container { padding: 0px; padding-left: 0%; position: relative; background-color: #fff; margin-left: 1%; } .slides { position: relative; } #sliderTitle { color: #761042; text-align: center; margin-top: 50px !important; } .slides h4 { bottom: 0%; position: static; text-align: center; color: white; padding: 1px 10px 1px 10px; background: rgba(117, 15, 65, 0.9); font-size: 16px; font-family: roboto; align-content: center; } .slides h4 a { color: #fff; border :none; } .slides h4:hover { color: #f7f7f7; } .img_slider { width: 33%; height: 33%; float: left; /*margin-left: 1px;*/ background-color: white; padding: 0px 5px 0px 5px; } } /* ----------------------------------------- */ /* View slug: slider - stop */ /* ----------------------------------------- */

Geef een reactie Reactie annuleren

Uitgelichte bedrijven

Koel ICT Chris Koeling

Hond en Buiten Annette Peereboom en Willem Limburg

PrimaPrent Harriët Kalthof

Koel ICT
Chris Koeling

Hond en Buiten
Annette Peereboom en Willem Limburg

PrimaPrent
Harriët Kalthof