관리자 페이지 - 테마 디자인 - 테마 에디터 - 해당 테마 선택후, 편집창에 입력.
Cosmo 테마 - theme.blade.php
DevRyan Theme - _setup-custom.blade.php
Together 테마 - _header.blade.php
<style>
/* 1. 페이징 영역 전체 중앙 정렬 및 7px 고정 간격 */
.xe-list-board--pagination-pc {
width: 100% !important;
display: flex !important;
justify-content: center !important;
margin: 20px 0 !important;
float: none !important;
}
.xe-list-board--pagination-pc .xe-list-board--pagination-list {
display: flex !important;
gap: 7px !important; /* 숫자 버튼 및 화살표 사이 7px 정확히 간격 유지 */
justify-content: center !important;
align-items: center !important;
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
/* 2. 중복 출력 모바일 박스 숨김 */
.xe-list-board--pagination-mobile {
display: none !important;
}
/* 3. 달라붙는 구식 float 정렬 전면 차단 및 사방 테두리 완벽 분리 */
.xe-list-board--pagination-pc li,
.xe-list-board--pagination-list li,
li[class*="pagination-item"] {
margin: 0 !important;
padding: 0 !important;
display: inline-flex !important;
float: none !important;
}
/* 4. [좌측 테두리 복구 및 크기 강제 잠금] 기본 버튼 구조 */
.xe-list-board__pagination-item-link,
a[class*="pagination-item-link"],
.xe-list-board--pagination-list a,
.xe-list-board--pagination-list span {
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 36px !important;
height: 36px !important;
min-width: 36px !important; /* 유동적인 크기 변동 강제 차단 */
min-height: 36px !important; /* 유동적인 크기 변동 강제 차단 */
box-sizing: border-box !important; /* 테두리나 두께 변화를 무조건 내부로 계산 */
position: relative !important;
z-index: 1 !important;
float: none !important;
border: 1px solid #e0e0e0 !important; /* 사방 균일한 회색 테두리 노출 */
background-color: #ffffff !important; /* 평상시 흰색 배경 */
color: #333333 !important;
font-weight: normal !important; /* 글자 두께 고정 */
transition: none !important; /* 떨림을 유발하는 부드러운 애니메이션 효과 완전 제거 */
}
/* 5. [마우스 호버 & 현재 활성화 페이지 상태] 무한 깜빡임 증상 원천 격리 */
.xe-list-board__pagination-item-link:hover,
a[class*="pagination-item-link"]:hover,
.xe-list-board--pagination-list a:hover,
li[class*="-active"] a,
li[class*="-active"] span,
.xe-list-board__pagination-number--active a,
.xe-list-board__pagination-number--active span {
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
min-height: 36px !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
border: 1px solid #333333 !important; /* 마우스 올렸을 때 및 활성화 시 선명한 테두리 사방 고정 */
background-color: #f5f5f5 !important; /* 마우스 올렸을 때 및 활성화 시 부드러운 연회색 변경 */
color: #333333 !important;
font-weight: normal !important; /* [중요] 글자가 굵어지면서 발생하는 진동 방지를 위해 평상시와 똑같이 고정 */
outline: none !important;
transform: none !important;
}
</style>