Divi빌더 (3) 리스트형 디비 divi 빌더 모바일 레이아웃 5열 배열하기 디비 divi 빌더 모바일 레이아웃 5단 배치하기 태초에 이런 레이아웃이 있었다 pc에서는 문제가 없지만 디비 빌더 특성 상 모바일에서는 한줄씩 아래로 떨어지게 배치된다 이렇게 말이다 그런데 나는 [홈 회사소개 이용약관 개인정보처리방침 고객센터]를 pc에서처럼 모바일에서도 한줄로 배치하고 싶다 클래스명이니 @media쿼리니 하는 것은 잊자 css에 대한 지식이 전혀 없더라도 쉽게 따라할 수 있다 1. 디비 빌더에서 해당 행 설정을 누른다 초록색? 민트색 배경의 설정 버튼을 눌러주면 된다 2. 디비빌더 행 설정 창 -> 열 설정 행 설정창이 뜨면 열구조가 나오고 아래에 만들어 놓은 열들이 보인다 근본적으로 우리가 만져야 할 것은 이 열 설정이다 5개의 열 모두 3번에 나오는 방법으로 세팅해 주면 된다 ↓ .. 디비 divi 빌더 버튼 두개 나란히 배열하기 float 태초에 버튼 두 개가 있었다 위 아래로 배열되어 있다 나는 이것을 옆으로 나란히 배열시키려고 한다 아 참고로 버튼은 디비 빌더 내 한글로는 버라고 된 버튼 모듈로 만들었는데 버튼이 아닌 다른 요소들도 같은 방법으로 나란히 배열시킬 수 있다 1. 버튼 두개 나란히 배열하기 방법은 간단하다 버튼 두 개중 첫번째 버튼 설정을 클릭해 고급 탭 - 주요소에서 float:left; 를 입력하고 저장한다 그러면 위 그림의 왼쪽과 같이 나란히는 배열되는데 위아래가 맞지 않는다 특별히 마진을 넣은 것도 아닌데 왜 안맞는지는 모르겠지만 큰 문제는 없다 맞추면 되니까 첫번째 버튼 마진을 조정하든 두번째 버튼 마진을 조정하든 둘 중 하나만 조정하면 된다 나는 두 번째 버튼 마진을 조정했다 두 번째 버튼이 밑으로 내려가 있으니.. 디비 divi 빌더 텍스트 모듈로 동그란 버튼 만들기 오랜만에 디비로 작업을 하게 됐다 동그란 버튼을 float 시킬까 싶어서 일단 동그란 버튼부터 만드는데 한글 상으로 버 이전 1 다음
