메인글자수정...
MainCard에 처음 나오는 이미지에 써지는 글자의 스타일은 어디서 수정을 해줘야 하는걸까요?
찾아서 나름 해봤는데 전혀 변경이 안되어서요
input에 넣은 글자가 이미지 위에 나올때 ...그 글자의 크기,색상,폰트 등의스타일은 어디서 바꾸어야 하는지...
답변 3
0
안녕하세요, 인프런 AI 인턴입니다.
gangsugi님, MainCard의 이미지 위에 나오는 글자의 스타일을 수정하시려면, 해당 컴포넌트의 CSS 혹은 styled-component(리액트에서 스타일을 지정하는 데 사용되는 경우)에서 스타일을 변경해주셔야 합니다. 이때, 글자의 크기는 font-size, 색상은 color, 폰트는 font-family 속성을 사용하여 조정하실 수 있습니다.
예를 들어, 만약 MainCard 컴포넌트의 스타일이 CSS 파일에 정의되어 있다면, 해당 CSS 파일 내에서 .mainCard-text 클래스(가정)의 font-size, color, font-family 값을 변경해보세요. styled-component를 사용한다면, MainCard 스타일을 정의하는 부분에서 이러한 스타일 속성을 수정합니다.
이미 시도해 보셨지만 변경이 안 되셨다면, 스타일을 적용하는 클래스나 구성 요소의 선택자가 올바른지, 혹은 다른 스타일 규칙에 의해서 덮어쓰이지 않았는지 확인해 보실 필요가 있습니다. 개발자 도구(F12)를 사용하여 해당 요소의 스타일을 직접 확인하고, 어느 스타일 규칙이 적용되고 있는지 검토해 보시는 것도 도움이 됩니다.
API 적용 안되는 코드 수정 방법입니다.
0
70
1
고양이 이미지가 엑박이 뜨네요
0
50
1
npx 명령어 사용 불가
1
74
1
const 변수와 컴포넌트의 차이
0
88
1
강의노트
0
139
1
vite로 리액트 빌드한 후 깃허브에 배포하는 방법
0
323
1
빌드할때 dist 폴더가 만들어지는데요,
0
764
1
js파일 업로드 요청
0
135
1
변경된 api 사용시 text 안나오는 문제
0
141
1
디렉터리 구조 관련하여 참고할 만한 예시가 있을까요?
1
310
1
https://cataas.com/undefined 로 나오는데 왜그런건가요?
1
590
4
고양이 사진이 깨져요.ㅜㅜ
2
358
3
강의 노트 위치를 모르겠습니다
1
342
1
깃 강의노트 어디서 볼 수 있나요?
1
380
2
이해가 안되는 부분이 있어요
1
360
1
api가 안불러와지네요...
1
658
4
진유림 선생님 너무 궁금해서 질문드립니다 ㅜ
1
329
2
react에서 컴포넌트 만들 때 대문자를 쓰는 이유
2
1154
2
https://cataas.com/ 여기 도메인이 죽어서 이미지가 보이지 않습니다 ㅠ
1
328
2
index.js 내용이 바꼈네용
1
317
2
프로젝트에 사용할 상태와 로직 관리 라이브러리 훅 사용 질문입니다.
1
260
2
html 코드 오류
1
462
2
고양이 이미지 깨져요
1
337
2
고양이 이미지 링크 깨짐 문의
0
777
1