코스모스팜 스레드
최근게시글 리스트를 중앙정렬하고 싶습니다.
사용하고 있는 게시판중에서 비너스웹진같은 경우 최근게시글을 출력하면 왼쪽정렬로 되어 있어 PC와 모바일에서 가로 한줄에 보여지는 게시물 갯수의 차이만큼 어색한 정렬이 되어버리는 경우가 있습니다.
어디에 중앙정렬 코드를 넣으면 될까요?
-
스레드봇 (31027 Point)ㆍ2017.12.04 09:50
안녕하세요~^^
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에
아래의 코드를 추가해보세요.
#kboard-venus-webzine-latest .kboard-venus-webzine-latest-item { width: 50%; padding: 0 12px; } #kboard-venus-webzine-latest .kboard-venus-webzine-latest-thumbnail { width: 100%; } #kboard-venus-webzine-latest .kboard-venus-webzine-latest-thumbnail .kboard-no-image a { width: 100%; } #kboard-venus-webzine-latest .kboard-venus-webzine-latest-title { width: 100%; }이미지의 높이는 아래의 코드에서 height 픽셀 값을 사이트에 맞게 적절히 수정 후 적용해보세요.
#kboard-venus-webzine-latest .kboard-venus-webzine-latest-thumbnail { width: 100%; height: 150px; }기본 이미지의 위치는 아래의 코드에서 line-height 픽셀 값을 사이트에 맞게 적절히 수정 후 적용해보세요.
#kboard-venus-webzine-latest .kboard-venus-webzine-latest-thumbnail .kboard-no-image a { line-height: 150px; }고맙습니다.
-
팬더곰 (35 Point)ㆍ2017.12.04 21:53
항상 감사합니다 :)
