메뉴색상과 하위메뉴 색상을 구분하여 변경하고 싶습니다.

안녕하세요!

저번에 많은 도움이 되었습니다ㅎ

http://initial-m.co.kr/

해당 사이트에서 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;
}

 

도움부탁드립니다!!

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기