divi accordino module 값 변경하는 방법 폰트 세로 가운데 정렬

divi Accordion 모델에 클래스 이름을 먼저 지정해줘야 한다.

개별 커스텀값 옵션이 없는 경우에는 대부분 새롭게 정의를 해줘야 하는데

아코디언 메뉴에서 수정하려는 부분의 클래스 이름을 정의해줘야 한다.

아코디언 모듈 선택후 'advanced' 메뉴에서 CSS Class 이름을 vertical-align 이라고 지정해줬다.

이건 알아보기 쉬운 이름을 지정해주면 된다.

'세로 정렬값'

 

 

 

Divi Theme Option으로 들어가서 CSS값을 설정해줘야 한다.

저 위에서는 아코디언 메뉴의 클래스 이름만 설정을 해준거고

이제 그 이름을 붙인 아코더언 메뉴의 설정을 바꿔주려면 CSS값을 변경해줘야 하는데

DIVI- Theme Option으로 들어가서 변경해야 한다.

 

 

Custom CSS 입력공간에 다음을 넣어준다.

.vertical-align .et_pb_accordion_item, .vertical-align .et_pb_toggle_content{
    height: max-content !important;
    min-height: 1px !important;
}

.vertical-align .et_pb_accordion_item.et_pb_toggle_open{
    padding-top: 150px !important;
    padding-bottom: 150px !important;
}

 정확히 무엇을 의미하는지는 모르지만

위의 값을 넣어주면 내가 원하던

세로 가운데 정렬로 텍스트가 변경이 된다.

 

+

코드 제대로 배우고 싶다