우커머스 질문 1개 + 컨택폼7 질문 1개

1. contact form 7을 사용하고 있는데, 현재 작성하고 있는 칸이 highlight되는 방법혹시 아시나요?

https://imgur.com/k5ovdV3

위의 이미지 처럼 현재 작성하고 있는 칸만 하이라이트하는걸 말하는겁니다.

 

2. 우커머스에서 single product 상세페이지에서 

https://imgur.com/t0b2asB

위의 그림과 같이 되어있는데,

가격을 (빨간 동그라미) 화살표와같이 오른쪽으로 정렬시키고

제품명 아래 있는 회색 선을(남색 동그라미) 가격 아래로 가게 만들고 싶습니다. 

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    1번은 CSS 코드를 추가해서 가능할 듯합니다.

    :focus 셀렉터(선택자)를 이용해서 CSS 속성을 추가하시면 가능하겠습니다.

    input[type=text]:focus {
    	border: 1px solid gray;
    }

     

    2번은 우커머스 템플릿 파일을 수정하셔야 할 듯합니다.

    경우에 따라서는 CSS 속성도 수정이 필요할 수 있습니다.

    아래 경로의 템플릿 파일을 확인해보시겠어요?

    /wp-content/plugins/woocommerce/templates/single-product.php

    테마에 템플릿 파일이 있다면 테마에 있는 것을 수정해야 합니다.

    /wp-content/themes/사용중인테마/woocommerce/single-product.php

    고맙습니다.

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기