Categories
Tips

The7 테마 세팅 방법 (1)

Photos masonry 설정

The7 테마는 워드프레스의 유료 테마입니다.

The7 테마의 Photos masonry 페이지 설정하는 방법입니다.
( https://the7.io/main/gallery/photos/1-photos-masonry/ )

the7 테마 갤러리 고치기0
여백이 남아있는 문제

만약 위와 같이 여백이 남아 있는 분은 오늘 설정법을 참고하시기 바랍니다.

the7 테마 갤러리 고치기9

페이지 설정에서 WPBakery Page Builder로 Add Element를 합니다.

the7 테마 갤러리 고치기8

by Dream-Theme에서 Photos Masonry and Grid를 선택합니다.

the7 테마 갤러리 고치기6

총 3군데 설정을 해야합니다.

the7 테마 갤러리 고치기7

가장 먼저 Photos Masonry and Grid Settings입니다. 이곳에서 Gap between columns를 0으로 변경합니다. 그리고 Number of colums을 Desktop은 4로 변경합니다.

the7 테마 갤러리 고치기3

Column Settings에서 Design Options 탭을 선택합니다. 그리고 위와 같이 padding 부분을 0px로 셋팅합니다.

the7 테마 갤러리 고치기5

Row Settings입니다. General 탭에서 Row stretch를 Stretch row and content (no paddings)를 선택합니다.

the7 테마 갤러리 고치기4

Background 탭으로 이동합니다. 위와 같이 Background Style을 Single Color로 색은 검은색으로 변경합니다.

the7 테마 갤러리 고치기2

Document 설정의 Page Paddings에서 Top 0, Bottom 0로 설정합니다.

이렇게 모든 설정을 마무리하면 The7 테마의 데모 페이지와 똑같이 만들 수 있습니다.

the7 테마 갤러리 고치기1

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다