본문 바로가기
  • 나의 작은 기록이 도움이 될 수 있기를
web

divi 아코디언 메뉴 마우스 오버했을때 색상 및 서체 크기 변경하는 방법

by labper M 2023. 9. 5.

아코디언 메뉴 뿐 아니라 기본적인 사용법은 동일하다

divi 테마 프로그램의 기본 사용방법인데 이걸 모르고 있었다니!

아코디언 메뉴에 마우스를 올리면 서체크기와 색상을 변경하려면

accordion settings

위에 보이는 메뉴는 거의 모든 속성창과 동일한데

아이맥 모양의 아이콘 오른쪽에 있는 마우스버튼 아이콘을 클릭하면

마우스 오버를 했을때 변하는 모든 설정을 변경할 수 있다.

 

 

추가로 닫힌 아코디언 높이를 변경하는 방법

divi 테마 옵션으로 들어가서 css 코드를 추가해야 한다.

.vertical-align .et_pb_toggle.et_pb_toggle_close{
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}

위에 있는 11px 값을 원하는 높이로 변경해주면 된다!

 

 

+

이렇게 쉬운 문제였는데!

기본이 이렇게나 중요하다!

기본기를 잘 익혀야 활용하는 법도 가능하다!


댓글