-
Posts
-
Hi
I wish to center the partners/logos element, so no matter how many logos there they are always centered rather than aligned to the left.
I addition, I wish to have the arrows to the sides of the element container.
I’ve added this code, but it doesn’t seem to be working.
/* Center Partner Logos */
.avia-logo-slider .slide-entry-wrap {
display: flex;
align-items: center;
}/* Arrow position */
#top .avia-smallarrow-slider .avia-slideshow-arrows {
width: calc(100% + 60px);
top: 50%;
transform: translateY(-50%);
position: absolute;
z-index: 999;
left: -30px;
}Can you assist?
Hi dweddell,
Please remove this code:
/* Center Partner Logos */ .avia-logo-slider .slide-entry-wrap { display: flex; align-items: center; }and upload logos of similar size.
You can also try to add this code however this would affect all partner/logos:#top .avia-logo-element-container .avia-content-slider-inner { max-width: 600px; margin-left: auto; margin-right: auto; }Just adjust the max-width value as you see fit.
Best regards,
NikkoHi,
We are glad Nikko could help!
Let us know if you have any other questions and enjoy your weekend :)
Best regards,
Yigit
- The topic ‘Centering Partners/Logos with arrows to side’ is closed to new replies.