안녕하세요!
저번에 많은 도움이 되었습니다ㅎ
해당 사이트에서 artist 메뉴가 자동 활성화 상태로 주황색으로 뜨고,
하위 메뉴는 배경과 텍스트의 색상이 둘다 하얀색이라 안보이는 현상이 나타나고있습니다.
그래서 변경하기위해 추가css를 조작하려고하는데
메뉴 텍스트 색상은 하얀색이고 (활성화 상태여도 하얀색)
하위 메뉴는 검정바탕에 흰글씨,
롤오버상태일때는 흰 바탕에 검정글씨,
활성화 상태일때는 롤오버랑 같은 상태로 만들고싶습니다.
(모바일과 데스크탑 환경에서도 동일하게 적용하고 싶습니다.)
그리고 폭이 2560px일경우 메뉴가 흰색인데
1440px로 볼 경우 일부 메뉴가 검정색으로 나오는 것도있어서 그 부분도 개선하고 싶습니다!
현재 사용중인 추가 CSS는 다음과 같습니다.
.sitenav ul li a {
padding:35px 30px 35px 30px
}
body.wp-custom-logo .logo{
padding:23px 0 15px 0;
}
.header-extras {
display:none;
}
.logo img{
max-height: 55px;
}
#sidebar {
width:0%;
}
.site-main {
width:100%;
}
.kboard-default-poweredby {
display:none;
}
.header {
position:fixed;
}
.elementor-107 .elementor-element.elementor-element-4afdf769 > .elementor-element-populated {
padding: 0%;
}
#footer-info-area {
padding: 0 0 0.3rem 0;
margin-bottom: 10px;
}
.copyright-wrapper {
display: none;
}
.footer {
padding: 40px 0 60px;
}
.elementor img{
padding:10px;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
padding-bottom: 15px;
}
.footerleft{
padding-left: 2vw;
padding-right: 2vw;
}
.footer-row{
padding-left: 2vw;
padding-right: 2vw;
}
.footerright {
display: none;
}
#elementor .elementor-element-e057348 .gallery-item img {border: none;}
.cosmosfarm-members-form .link-text { display: inline; margin-right: 30px; }
@media screen and (max-width: 980px) {
#topmenu .sitenav ul li.current_page_item a { color: black !important; }
#topmenu .sitenav ul li.current_page_item a:hover { color: #ffffff !important; background: black; }
.sitenav ul li a:hover { background: black; }
}
@media screen and (max-width: 1920px) {
#topmenu .sitenav ul li.current_page_item a { color: black !important; }
#topmenu .sitenav ul li.current_page_item a:hover { color: #ffffff !important; background: black; }
.sitenav ul li a:hover { background: black; }
}
.cosmosfarm-members-form .policy_content {
background-color:#f2f2f200;
height:70px;
}
.elementor-button.elementor-size-sm {
background-color:#5656568c;
color:#f9f9f9;
}
.cosmosfarm-members-form button{
background-color:#42494ca8 !important;
}
.cosmosfarm-members-form input[type=submit]{
background-color:#42494ca8 !important;
}
#gallery-1 img{
border:none !important;
}
도움부탁드립니다!!
안녕하세요~^^
상단 메뉴에서 선택된 텍스트 색상을 변경 하시려면 아래 코드를 추가해보시겠어요?
.sitenav ul li a:hover, .sitenav ul li.current_page_item a, .sitenav ul li.menu-item-has-children.hover, .sitenav ul li.current-menu-parent a.parent { color: white; }
크롬 개발자 도구(F12키)를 이용하시면 CSS 코드를 찾고 테스트해보실 수 있습니다.
아래 이미지를 참고 부탁드립니다.
커뮤니티는 저희가 하나하나 코드를 만들어 제공해드리는 공간은 아닙니다.
사용자분들께서 의견을 나누고 문제를 해결하려는 시도를 해보시면서 막히는 부분에 대해서 저희가 도움을 드리고있습니다.
하단 텍스트 색상은 아래 CSS 코드를 추가해서 확인해보시겠어요?
.footer-wrapper .textwidget { color: white; }
CSS 코드 등 프로그램 코드를 올려야 할 경우 에디터의 코드 스니펫 삽입 기능을 사용해주시길 부탁드립니다.
고맙습니다.
자세한 설명 감사합니다ㅠ
막연히 답답한 나머지 막무가내로 질문을 드려서 죄송합니다.
앞으론 더 이것저것 시도해보다가
질문하겠습니다!
감사합니다!!