0

i alreaady read How to move react-material-ui-carousel indicators this link

so i tried marginTop: -200px

but reslut is no good for me

result img

see this image, that yellow line is i expected, but if i add 'marginTop'

background height together small..

how can i fix it?

below i add all code link in codesandbox

https://codesandbox.io/s/thirsty-babycat-tx0j2o?file=/src/App.js

<Carousel
      IndicatorIcon={<Home />} // Previous Example
      indicatorIconButtonProps={{
        style: {
          padding: '10px', // 1
          color: 'blue', // 3
        },
      }}
      activeIndicatorIconButtonProps={{
        style: {},
      }}
      indicatorContainerProps={{
        style: {
          textAlign: 'center',
          zIndex: 1,
          marginTop: '-200px',
          position: 'relative',
        },
      }}
    >
박세령
  • 9
  • 3
  • How would you like the final image to look? Just move the carousel indicators down into the white area? – ckesplin May 18 '23 at 16:04

0 Answers0