cladzine-star

I found the answer from an old discussion:

/* List Section - UI Custom Arrows */
button[class*="arrow-button"] svg {
    display: none !important;
}
button[class*="arrow-button--left"] div:before {
    content: "\e006";
    font-family: 'squarespace-ui-font';
    transform: rotate(270deg);
    display: block;
    color: white;
    font-size: 24px;
    line-height: 60px;
    top: -10px;
    position: relative;
}
button[class*="arrow-button--right"] div:before {
    content: "\e006";
    font-family: 'squarespace-ui-font';
    transform: rotate(-270deg);
    display: block;
    color: white;
    font-size: 24px;
    line-height: 60px;
      top: -10px;
    position: relative;
}

Thanks Ziggy. Unfortunately it's still not working. 😞

Hi. It's https://www.brifiworks.com/

And here's the code:

/* List Section - UI Custom Arrows */
button.user-items-list-banner-slideshow__arrow-button svg {
    display: none !important;
}
button.user-items-list-banner-slideshow__arrow-button--left div:before {
    content: "\e006";
    font-family: 'squarespace-ui-font';
    transform: rotate(270deg);
    display: block;
    color: white;
    font-size: 30px;
    line-height: 60px;
}
button.user-items-list-banner-slideshow__arrow-button--right div:before {
    content: "\e006";
    font-family: 'squarespace-ui-font';
    transform: rotate(-270deg);
    display: block;
    color: white;
    font-size: 30px;
    line-height: 60px;
}

The layout is fine in the mobile view but the client wants the white < > on the green circle like it is on desktop.

Hi, I made custom carousel buttons with CSS in the section "What they say about us" but the mobile doesn't match the style that I have created for desktop. I wrote CSS with a media query but it's not working. Any help is appreciated!