페이지 빌더를 이용한 css 명령어 z-index 사용법

페이지 빌더를 이용한 css 명령어 z-index 사용법

페이지 빌더를 사용한 한다는 것은 일반적으로 쉽게 페이지를 구성 하기 위한 플러그인으로 알고 있습니다. 디자인을 하다 보면 css를 사용해야 경우도 발생 합니다, 원하는 위치에 텍스트나 이미지를 배치 하기 위해서는 margin, padding을 이용해야 하며 이번 시간에는 z-index를 사용해 보도록 하겠습니다.

landing page button (랜딩 페이지 메인 버튼 css 사용자 정의 적용)

랜딩 페이지 메인 버튼 css 사용자 정의 적용

랜딩페이지2 텍스트 편집

랜딩페이지2 텍스트 편집

 

landing page2 (랜딩 페이지 디자인 텍스트 편집)

landing page2 (랜딩 페이지 디자인 텍스트 편집)

랜딩 페이지 디자인  좌측 텍스트를 편집하여 삽입 하는 두가지 방법을 소개 합니다  이번 시간에는 텍스트의 크기, 간격 등을 조절 할때는 플러그인을 사용합니다. 두가지 방법을 참고 바랍니다.

랜딩페이지 만들기1 (landing page1)

visual composer를 이용해서 landing page 만들기 첫번째 입니다. 그냥 대충 만들었습니다 이론적으로 약간 틀린 부분도 있을수 있습니다. 원래는 틀렸다구 생각되면 다시 만들어야 하는데 넘 귀찮아서요 그냥 볼만은 합니다.

visual composer background contact form

visual composer를 이용한 background에 contact form 삽입 방법

 

visual composer video 동영상 편집

visual composer video 동영상 편집

visual compoer page builder background mobile

visual compoer page builder background mobile

visual composer 페이지 빌더를 이용해서 백그라운드 와 모바일 편집 입니다.

visual composer copy background

페이지 빌더를 이용 하다 보면 반복적인 일을 하게 되는데요

row copy 사용 과 background 넣은 방법 입니다.

visual composer text margin padding3

visual composer text margin padding3