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!