testimonial styling

i never have seen such a beautiful styled Testimonial – well done :)

Hans im GlückIT-specialist

don’t exaggerate, it’s not that nice

Hans im GlückIT-specialist

.av-large-testimonial-slider .avia-testimonial_inner {
    background-color: #f6f7ff;
    display: inline-table;
    padding: 40px;
    border: 1px solid #aaa;
    position: relative;
    box-shadow: 0 3px 10px -8px #333;
    -webkit-transform:  skew(-3deg);
    transform: skew(-3deg);
}

.av-large-testimonial-slider .avia-testimonial_inner::before {
    content: "\e833";
    font-family: entypo-fontello;
    font-size: 70px;
    position: absolute;
    top: -15px;
    left: 15px;
    -webkit-filter: drop-shadow(2px 2px 3px #666);
    filter: drop-shadow(2px 2px 3px #666);
    color: #3579b4
}

.av-large-testimonial-slider .avia-testimonial_inner::after {
    content: " ";
    background-image: url("https://webers-testseite.de/wp-content/uploads/testimonial-shadow.png");
    background-repeat: no-repeat;
    width: calc(100% + 60px);
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-position: bottom right;
    overflow: visible !important;
    background-size: 60px;
    opacity: 0.3;
}


#top .av-large-testimonial-slider .avia-slideshow-arrows a {
    margin-top: 50px !important;
}

.responsive #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {
    padding: 0px 10px;
}

.responsive #top .avia-slideshow-controls a {
    display: block;
}

.avia-slideshow-arrows a {
  overflow: visible !important;
  text-indent: -5000px !important
}

.avia-slideshow-arrows a.prev-slide::before {
  left: -110px;
}

.avia-slideshow-arrows a.next-slide::before {
  left: 80px;
}

Webers Webdesign

Kontakt