Height of swipe arrows on customers review carrousel

Hi!! I would like to modify the arrows' height on the client's review carrousel, to frame the tittle (as seen on screenshots)

Can somebody help me with a CSS code? 

Thanks!!

Can you share link to this page?

Sure: https://dory-lime-b3ka.squarespace.com/avis-clients

(The website is private though..)

14 hours ago, leyogascope said:

Sure: https://dory-lime-b3ka.squarespace.com/avis-clients

(The website is private though..)

What is password?

Go2024!

Thank you so much!

It's me again 🙂 Can you give me a code that would also apply this change to the mobile view not only desktop? Right now the arrows appear at the bottom of the page.

The domain as changed and is published now: https://www.leyogascope.com/avis-clients

Thank you!

On 12/31/2023 at 4:18 AM, leyogascope said:

It's me again 🙂 Can you give me a code that would also apply this change to the mobile view not only desktop? Right now the arrows appear at the bottom of the page.

The domain as changed and is published now: https://www.leyogascope.com/avis-clients

Thank you!

You mean apply mobile only? Use this code

@media screen and (max-width:767px) {
.user-items-list-item-container[data-section-id="6582d8ff86c8db2c2e5e0949"] .user-items-list-carousel__arrow-icon-holder {
    align-items: flex-start !important;
}
}

No to mobile ALSO 🙂 because your first code only applied to the desktop version of the site

Use this code for mobile

@media screen and (max-width:991px) {
.user-items-list-item-container[data-section-id="6582d8ff86c8db2c2e5e0949"] {
	.desktop-arrows {
    display: flex !important;
}
.mobile-arrows {
    display: none !important;
}
}}

Thank you so much