여기 홈페이지처럼 헤더 부분 메뉴처럼 디자인을 하고싶은데요
http://daehwa0162.cafe24.com/
현재 손보고 있는데
메뉴를 큼지막하게 박스테두리형식으로 나누고 싶은데
사용자정의하기 헤더부분에서는 지금처럼밖에 설정이 안됩니다
css 를 해야될거같은데 css 부분 도움 주실수 있나요??
안녕하세요~^^
올려주신 페이지에서 메뉴에 상하 여백을 추가하고
테두리를 추가하고 싶으신 건지요?
아래의 CSS 코드를 활용해보시겠어요?
.main-header-menu a { padding: 20px 50px; }
.header-main-layout-2 .main-navigation ul { border-top: 1px solid gray; border-bottom: 1px solid gray; border-right: 1px solid gray; }
.main-header-menu li { border-left: 1px solid gray; }
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에 코드를 추가해보세요.
레이아웃을 원하시는 대로 수정하실 때
HTML과 CSS 코드에 대해 알면 도움이 됩니다.
크롬 브라우저 개발자 도구(F12)를 활용하시면
CSS 속성을 쉽게 찾을 수 있고 미리 테스트해보실 수 있습니다.
고맙습니다.