Elegant Carousel

Native Avada version

Elegant Carousel (no custom CSS)

A B-2 Spirit assigned to the 509th Bomb Wing, Whiteman Air Force Base, Missouri, flies over Luke Air Force Base, Ariz., Nov. 15, 2022. Two bombers participated in a training exercise with multi-nation assets assigned to Luke AFB, meant to familiarize pilots with different airframe operations.

U.S. Air Force photo by Senior Airman Noah D. Coger

U.S. Air Force photo by Staff Sgt. Justin Parsons

U.S. Air Force photo by Staff Sgt. Gerald R. Willis

U.S. Air Force photo by Senior Airman Noah D. Coger

U.S. Air Force photo by Staff Sgt. Justin Parsons

U.S. Air Force photo by Staff Sgt. Gerald R. Willis

U.S. Air Force photo by Senior Airman Noah D. Coger

U.S. Air Force photo by Staff Sgt. Justin Parsons

U.S. Air Force photo by Staff Sgt. Gerald R. Willis

Alt Carousel (alt-carousel class added to the container)

U.S. Air Force photo by Senior Airman Noah D. Coger

U.S. Air Force photo by Staff Sgt. Justin Parsons

U.S. Air Force photo by Staff Sgt. Gerald R. Willis

U.S. Air Force photo by Senior Airman Noah D. Coger

U.S. Air Force photo by Staff Sgt. Justin Parsons

U.S. Air Force photo by Staff Sgt. Gerald R. Willis

U.S. Air Force photo by Senior Airman Noah D. Coger

U.S. Air Force photo by Staff Sgt. Justin Parsons

U.S. Air Force photo by Staff Sgt. Gerald R. Willis

Copy to Clipboard

.carousel-alt .elegant-slick-next, .carousel-alt .elegant-slick-prev {
    position: absolute;
    display: block;
    line-height: 0;
    cursor: pointer;
    background: 0 0;
    color: #000;
    font-size: 24px;
    top: 50%;
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    padding: 0;
    border: none;
    z-index: 1;
}
  .carousel-alt .elegant-carousel .elegant-slick-arrow {
    background-color: var(--awb-custom_color_14) !important;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    height: 40px;
    width: 40px;
    line-height: 40px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
    webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
}
 .carousel-alt .elegant-carousel .elegant-slick-arrow:hover{
    background-color: var(--awb-custom_color_18) !important;
}
.carousel-alt .elegant-carousel .elegant-slick-prev {
    top: -40px !important;
    right: 74px;
    left: unset;
}
.carousel-alt .elegant-carousel .elegant-slick-next {
    top: -40px !important;
    right: 30px;
}
.carousel-alt .elegant-carousel .elegant-slick-list {
    cursor: grab;
}

Creating the New Mega Menu

Easily Style the Avada Alert

Official Avada Resources

Elegant Carousel (no custom CSS)

Alt Carousel (alt-carousel class added to the container)

This site is…

ABOUT COOKIES

THIRD PARTY EMBEDS

TRACKING COOKIES