영카트 bootstrap 테마 폰트 수정 문의드립니다.
본문
bootstrap 테마 설치후 위에 부분의 폰트 변경할려고 하는데.. 어디서 하는지 찾질 못하겠습니다. ㅠㅠ
qna 게시판에서 나오는 부분등에서 개발자 모드로 들어가서 찾으면 된다고 하는데.. 개발엔 초보라 이해가 안되네요.. ㅠㅠ
답변 4
해당부분... 우측 마우스 클릭-> 검사
하시면 확인 가능합니다
개발자 도구에서 마우스로 해당 부분을 클릭하면 어떤 css가 적용되어있는지 확인하실수 있습니다.
/theme/bootstrap5-basic/shop/shop.head.php에서
개별로 style을 주어야 될거 같습니다.
<div class="category-wrap d-flex justify-content-around">
<div class="py-2 flex-fill header-main-nav d-flex justify-content-center d-none d-lg-flex category-item" style="font-size:10px"><?php include_once G5_THEME_SHOP_PATH . '/category.php'; ?></div>
<div class="py-2 flex-fill header-main-nav d-flex justify-content-center <?php echo (isset($type) && $type == 1) ? 'active' : ''; ?>"><a href="<?php echo shop_type_url(1); ?>" class="primary-menu" style="font-size:10px"><i class="bi bi-star-fill"></i> 히트<span class="d-none d-md-inline">상품</span></a></div>
<div class="py-2 flex-fill header-main-nav d-flex justify-content-center <?php echo (isset($type) && $type == 2) ? 'active' : ''; ?>"><a href="<?php echo shop_type_url(2); ?>" class="primary-menu"><i class="bi bi-award-fill"></i> 추천<span class="d-none d-md-inline">상품</span></a></div>
<div class="py-2 flex-fill header-main-nav d-flex justify-content-center <?php echo (isset($type) && $type == 3) ? 'active' : ''; ?>"><a href="<?php echo shop_type_url(3); ?>" class="primary-menu"><i class="bi bi-box-seam-fill"></i> 최신<span class="d-none d-md-inline">상품</span></a></div>
<div class="py-2 flex-fill header-main-nav d-flex justify-content-center <?php echo (isset($type) && $type == 4) ? 'active' : ''; ?>"><a href="<?php echo shop_type_url(4); ?>" class="primary-menu"><i class="bi bi-suit-heart-fill"></i> 인기<span class="d-none d-md-inline">상품</span></a></div>
<div class="py-2 flex-fill header-main-nav d-flex justify-content-center <?php echo (isset($type) && $type == 5) ? 'active' : ''; ?>"><a href="<?php echo shop_type_url(5); ?>" class="primary-menu"><i class="bi bi-cash-coin"></i> 할인<span class="d-none d-md-inline">상품</span></a></div>
<div class="py-2 flex-fill header-main-nav d-flex justify-content-center <?php echo (stripos($_SERVER['PHP_SELF'], '_event')) ? 'active' : ''; ?>"><a href="<?php echo G5_THEME_SHOP_URL; ?>/_event.php" class="primary-menu"><i class="bi bi-balloon-fill"></i> EVENT<span class="d-none d-md-inline"></span></a></div>
<div class="py-2 flex-fill header-main-nav d-flex justify-content-center <?php echo (stripos($_SERVER['PHP_SELF'], 'couponzone')) ? 'active' : ''; ?>"><a href="<?php echo G5_SHOP_URL; ?>/couponzone.php" class="primary-menu"><i class="bi bi-book-half"></i> 쿠폰<span class="d-none d-md-inline">존</span></a></div>
</div>
/assets/css/bootstrap/scss/shop/_header.scss에서
변경 하여도 적용이 안되네요.
개발자도구에서 해당 class명이 무엇인지 확인하고
개별 style.css에서 !important 값 줘서 수정을 하셔야해요~
답변을 작성하시기 전에 로그인 해주세요.