PluginProbe
King Addons for Elementor – 100+ Elementor Widgets, 4 000+ Elementor Templates, WooCommerce Builder, Mega Menu, Popup Builder / 51.1.86
King Addons for Elementor – 100+ Elementor Widgets, 4 000+ Elementor Templates, WooCommerce Builder, Mega Menu, Popup Builder v51.1.86
51.1.86 51.1.84 51.1.85 51.1.83 51.1.82 51.1.81 51.1.79 51.1.78 51.1.77 51.1.76 51.1.74 51.1.75 51.1.65 51.1.64 51.1.63 trunk 51.1.14 51.1.2 51.1.35 51.1.36 51.1.37 51.1.38 51.1.39 51.1.44 51.1.45 All 40 releases
← All changes | includes/widgets/Testimonial_Carousel/style.css +190 -0 51.1.2 → 51.1.86 View file →
@@ -1,0 +1,190 @@
1 +.king-addons-testimonial-carousel-layout {
2 + display: flex;
3 +}
4 +
5 +.king-addons-testimonial-carousel-image {
6 + flex-shrink: 0;
7 +}
8 +
9 +.king-addons-testimonial-carousel-image img {
10 + overflow: hidden;
11 + object-fit: cover;
12 +}
13 +
14 +.king-addons-testimonial-carousel-person-wrapper {
15 + display: flex;
16 + align-items: baseline;
17 +}
18 +
19 +/* LAYOUT - 1, 2, 3, 8 */
20 +.king-addons-testimonial-carousel-layout-1,
21 +.king-addons-testimonial-carousel-layout-2,
22 +.king-addons-testimonial-carousel-layout-3,
23 +.king-addons-testimonial-carousel-layout-8 {
24 + flex-flow: column;
25 +}
26 +
27 +/* LAYOUT - 4 */
28 +.king-addons-testimonial-carousel-layout-4 {
29 + justify-content: flex-start;
30 +}
31 +
32 +.king-addons-testimonial-carousel-layout-4 .king-addons-testimonial-carousel-content {
33 + text-align: start;
34 + display: flex;
35 + flex-flow: column;
36 + align-items: start;
37 +}
38 +
39 +.king-addons-testimonial-carousel-layout-4 .king-addons-testimonial-carousel-rating-general {
40 + --king-addons-testimonial-carousel-rating-justify-content: flex-start;
41 +}
42 +
43 +/* LAYOUT - 5 */
44 +.king-addons-testimonial-carousel-layout-5 {
45 + justify-content: flex-end;
46 +}
47 +
48 +.king-addons-testimonial-carousel-layout-5 .king-addons-testimonial-carousel-content {
49 + text-align: end;
50 + display: flex;
51 + flex-flow: column;
52 + align-items: end;
53 +}
54 +
55 +.king-addons-testimonial-carousel-layout-5 .king-addons-testimonial-carousel-rating-general {
56 + --king-addons-testimonial-carousel-rating-justify-content: flex-end;
57 +}
58 +
59 +/* LAYOUT - 6,7 */
60 +.king-addons-testimonial-carousel-layout-6,
61 +.king-addons-testimonial-carousel-layout-7 {
62 + flex-flow: column;
63 +}
64 +
65 +.king-addons-testimonial-carousel-layout-6 .king-addons-testimonial-carousel-content,
66 +.king-addons-testimonial-carousel-layout-7 .king-addons-testimonial-carousel-content {
67 + display: flex;
68 + flex-flow: row;
69 +}
70 +
71 +/* LAYOUT - 8 */
72 +.king-addons-testimonial-carousel-layout-8 {
73 + align-items: center;
74 +}
75 +
76 +.king-addons-testimonial-carousel-layout-8 .king-addons-testimonial-carousel-description {
77 + text-align: center;
78 +}
79 +
80 +.king-addons-testimonial-carousel-layout-8 .king-addons-testimonial-carousel-person-wrapper {
81 + justify-content: center;
82 +}
83 +
84 +.king-addons-testimonial-carousel-layout-8 .king-addons-testimonial-carousel-rating-general .king-addons-testimonial-carousel-rating {
85 + --king-addons-testimonial-carousel-rating-justify-content: center;
86 +}
87 +
88 +.king-addons-testimonial-carousel-rating-general {
89 + --king-addons-testimonial-carousel-rating-gap: 0px;
90 + --king-addons-testimonial-carousel-rating-icon-font-size: 16px;
91 + --king-addons-testimonial-carousel-rating-icon-color: #ccd6df;
92 + --king-addons-testimonial-carousel-rating-icon-marked-color: #f0ad4e;
93 + --king-addons-testimonial-carousel-rating-icon-marked-width: 100%;
94 + --king-addons-testimonial-carousel-rating-justify-content: flex-start
95 +}
96 +
97 +.king-addons-testimonial-carousel-rating-general .king-addons-testimonial-carousel-rating {
98 + display: flex;
99 + justify-content: var(--king-addons-testimonial-carousel-rating-justify-content)
100 +}
101 +
102 +.king-addons-testimonial-carousel-rating-general .king-addons-testimonial-carousel-rating-wrapper {
103 + display: flex;
104 + justify-content: inherit;
105 + flex-direction: row;
106 + flex-wrap: wrap;
107 + width: fit-content;
108 + margin-block-end: calc(0px - var(--king-addons-testimonial-carousel-rating-gap));
109 + margin-inline-end: calc(0px - var(--king-addons-testimonial-carousel-rating-gap))
110 +}
111 +
112 +.king-addons-testimonial-carousel-rating-general .king-addons-testimonial-carousel-rating .king-addons-testimonial-carousel-icon {
113 + position: relative;
114 + margin-block-end: var(--king-addons-testimonial-carousel-rating-gap);
115 + margin-inline-end: var(--king-addons-testimonial-carousel-rating-gap)
116 +}
117 +
118 +.king-addons-testimonial-carousel-rating-general .king-addons-testimonial-carousel-rating .king-addons-testimonial-carousel-icon-wrapper.king-addons-testimonial-carousel-icon-marked {
119 + --king-addons-testimonial-carousel-rating-icon-color: var(--king-addons-testimonial-carousel-rating-icon-marked-color);
120 + width: var(--king-addons-testimonial-carousel-rating-icon-marked-width);
121 + position: absolute;
122 + z-index: 1;
123 + height: 100%;
124 + left: 0;
125 + top: 0;
126 + overflow: hidden
127 +}
128 +
129 +.king-addons-testimonial-carousel-rating-general .king-addons-testimonial-carousel-rating .king-addons-testimonial-carousel-icon-wrapper :is(i,svg) {
130 + display: flex;
131 + flex-shrink: 0
132 +}
133 +
134 +.king-addons-testimonial-carousel-rating-general .king-addons-testimonial-carousel-rating .king-addons-testimonial-carousel-icon-wrapper i {
135 + font-size: var(--king-addons-testimonial-carousel-rating-icon-font-size);
136 + color: var(--king-addons-testimonial-carousel-rating-icon-color)
137 +}
138 +
139 +.king-addons-testimonial-carousel-rating-general .king-addons-testimonial-carousel-rating .king-addons-testimonial-carousel-icon-wrapper svg {
140 + width: auto;
141 + height: var(--king-addons-testimonial-carousel-rating-icon-font-size);
142 + fill: var(--king-addons-testimonial-carousel-rating-icon-color)
143 +}
144 +
145 +/* Carousel */
146 +.king-addons-testimonial-carousel-sw-items {
147 + position: relative;
148 + overflow: hidden;
149 +}
150 +
151 +.king-addons-testimonial-carousel-sw-items-wrap {
152 + position: relative;
153 +}
154 +
155 +/* !important is necessary */
156 +.king-addons-testimonial-carousel-sw-autoplay-like-ticker,
157 +.king-addons-testimonial-carousel-sw-autoplay-like-ticker-pag.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
158 + transition-timing-function: linear !important;
159 +}
160 +
161 +.king-addons-testimonial-carousel-sw-cursor-pointer {
162 + cursor: pointer;
163 +}
164 +
165 +/*noinspection DuplicatedCode*/
166 +.king-addons-testimonial-carousel-sw-nav {
167 + display: flex;
168 + text-align: center;
169 + justify-content: center;
170 + max-width: 100%;
171 + max-height: 100%;
172 + width: auto;
173 + height: auto;
174 + position: absolute;
175 + top: 50%;
176 + z-index: 1;
177 +}
178 +
179 +.king-addons-testimonial-carousel-sw-nav-inner {
180 + display: flex;
181 +}
182 +
183 +.king-addons-testimonial-carousel-sw-nav.swiper-button-disabled .king-addons-testimonial-carousel-sw-nav-inner {
184 + opacity: 0.4;
185 +}
186 +
187 +.swiper-container:not(.swiper-container-initialized) > .swiper-wrapper,
188 +.swiper:not(.swiper-initialized) > .swiper-wrapper {
189 + overflow: visible !important;
190 +}