현재 사일런트 테마를 사용중인데요! 기본적으로 적용되어 있는 이미지 마우스 오버시 줌 되는 애니메이션이라던가, 이전 다음 버튼에 마우스 오버를 하면 글자가 움직이면서 확대되는 등의 기본적으로 적용되어 있는 애니메이션을 중지시키고 싶습니다...
그리고 Previous Post, next Post 등 영어로 나오는데 이전 다음 이렇게 한글로 바꼈으면 좋겠어요 ! 포트폴리오의 하단 네비게이션 버튼은 제가 'Loco Translate' 이라는 플러그인을 사용해서 영문을 한글로 바꾸었는데요, 블로그포스트 부분은 해당부분의 위치가 나오지 않아서요 ㅠ 경로를 알고 싶으면 어떻게 해야 할까요..?
css 에서 글자 색이나 글자배경에 깔리는 이미지등은 제가 수정했는데 애니메이션은 어디서 어떻게 제거해야 하는지 감이 안오네요...!
이전 다음 버튼 글자 애니메이션 (아래주소)
http://www.goraein.com/%ed%99%8d%ec%a7%80%ed%98%9c/
이미지 마우스 오버시 자동으로 줌 되는 애니메이션 (아래주소)
http://www.goraein.com/writer-interview/
감사합니다..!!!
네 답변 감사합니다^^!
이미지가 어두워지게 하려면 filter 요소 를 사용하셔야 합니다.
아래 코드로 변경하여 적용해보시겠어요?
img.attachment-portfolio-thumb.size-portfolio-thumb.wp-post-image:hover { brightness(0.8); }
고맙습니다.
빠른답변 정말 감사드립니다!!!
코드 적용해보니 해결되었어요 정말 감사해요!! 그런데 저 두번째 이미지에 마우스를 올렸을때 어두워지게 하려고
img.attachment-portfolio-thumb.size-portfolio-thumb.wp-post-image:hover { background-color:rgba(0,0,0, .4); }
해봤는데 적용이 안되더라구요? 위에 코드 추가시 호버 이벤트가 아예 구현 안되도록 되는건가요 ??
안녕하세요~^^
Loco translate 플러그인에서 검색을 하면 바로 찾으실 수 있습니다.
검색으로 한 번 찾아보시겠어요?
검색이 안된다면 해당 번역은 제작사측에 문의해보셔야할 듯 합니다.
저희쪽에서는 정확하게 어느 경로인지 파악하기가 어렵습니다.
마우스를 올렸을 때 동작하는 애니메이션의 경우
보통 css hover 요소를 사용하는 경우가 많습니다.
hover 요소는 아래 링크를 참고하시면 도움이 될 듯 합니다.
https://developer.mozilla.org/ko/docs/Web/CSS/:hover
1번은 아래코드를
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project h3,
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project h3,
.blog_next_prev_buttons[data-style="fullwidth_next_prev"] h3 { transform: unset !important; }
2번은 아래의 코드를 테마 css에 삽입하여 적용해보시겠어요?
img.attachment-portfolio-thumb.size-portfolio-thumb.wp-post-image { transform: none !important; }
고맙습니다.