1. 정확한 제품 또는 플러그인 이름
2. 상세 내용
현재 상품 단일 페이지에 수량, 장바구니, 바로구매하기에 네이버페이 버튼까지 있어서 글씨가 짤려 보이거나 잘 보이지 않는데요 ㅜㅜ
네이버페이 버튼을 하단으로 내리고, 장바구니랑 바로구매하기 버튼을 넓이를 크게 조절하고 싶은데 이럴 때는 사용자정의에서 어떤 CSS를 추가할 수 있을까요?
워드프레스 개발자가 아니면 어렵다고들 하셔서 수정 요청을 할 전문가가 없네요 ㅠㅠ
3. 확인 가능한 상세 페이지 주소
https://kunajangrong.com/product/erleben-sie-das/
https://imgur.com/a/vOaMpE7
css의 적용되는 우선순위는 클래스의 개수로 판별합니다.
.single-product .single_add_to_cart_button 요소를 감싸고 있는 클래스를 앞에 추가해보시겠어요?
ex) .product-wrap .single-product .single_add_to_cart_button
고맙습니다.
https://imgur.com/a/pnfh92g
.single-product .single_add_to_cart_button {
width: 30% !important;
}
개발자 도구를 살펴보니 30%가 우선값으로 기본 설정이 되어 있어서 그런 것 같아요. 이 기본 값을 없애거나 수정할 수 있는 방법은 없는 것일까요? 우커머스 테마에 기본으로 설정된 값입니다.
답변 감사합니다.
position: fixed 로 할 경우 장바구니와 바로구매 버튼이 넓어지면서 원하는 모양으로 변하나 네이버페이 버튼이 스크롤 할때도 계속 한 위치에 고정이 되어 있네요~
.checkout_button_wrapper{
bottom: -150px;
left: -100px;
position: relative;
}
그래서 위 처럼 설정하니 이번에는 원하는 위치에 고정되나 다시 장바구니와 바로구매 버튼이 기존처럼 좁은 형태를 띕니다 ㅠ
https://imgur.com/a/NG0A0G2
안녕하세요~^^
css추가하기에 아래 코드를 한번 적용해보시겠어요?
.checkout_button_wrapper{ position: fixed; }
그 이후에 문제되는 페이지에서 f12 버튼눌러 개발자 도구를 확인 하신 후 원하시는 대로 조정해 보시겠어요?
고맙습니다.