사이드바에 page builder 위젯 넣고, thim icon 삽입해서 사용하려고 합니다.
1번 : https://imgur.com/aznkNkS
2번 : https://imgur.com/aznkNkS
1. thim icon 박스가 글자수 상관없이 일정하게 설정하고 싶어요!
1번 사진처럼 삽입까지는 했는데 선택했을 때의 박스 크기를 일정하게 하고 싶은데 글자수에 따라 달라지더라구요! 1번과 2번 사진 비교해서 보시면 글자수에 따라 크기 차이가 많이 납니다.
2. 사이드바 안의 위젯의 가운데 정렬은 어떻게 하나요?
현재 page builder 쓰고 있는데 row edit에서 하는건가요, 아님 위젯 설정에서 하는건가요? 아무리 바꾸고 찾아봐도 안되서 padding에 임의의 숫자 넣어서 적당히 조절했습니다. 그렇게 하면 같은 icon은 동시에 적용되서 결국 가운데 정렬이 안되더군요.
안녕하세요.
해당 위젯의 메뉴에 마우스를 올렸을 때
너비를 일정하게 하고 가운데 정렬하시려는 지요?
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에
아래의 코드를 추가해보시겠어요?
.thim-widget-button .widget-button.normal.no-border { display: block; text-align: center; }
CSS 코드 수정 후에는 반드시 브라우저의 캐시를 비우고 확인해주세요.
크롬 브라우저에서 강력 새로고침 단축키는 Ctrl + Shift + R 입니다.
크롬 브라우저 개발자 도구(F12)를 사용하시면
CSS 속성을 쉽게 찾을 수 있고 테스트해보실 수 있습니다.
고맙습니다.
사진 잘못 올렸네요.
1번 : https://imgur.com/aznkNkS
2번 : https://imgur.com/cH6HCDz
임시로 페이지 하나 생성했습니다. 사이드바만 확인해주세요!
http://www.khland.kr/testtest/
안녕하세요~^^
1번 이미지와 2번 이미지가 같은 이미지인 듯합니다.
비회원으로도 확인 가능하도록 설정해주시면 CSS 코드로 적용 가능할지 살펴보겠습니다.
고맙습니다.