I want to change default color on specific page only, such as:
1. Main Navigation Hover Text Color
2. Main Navigation Animated Underline Effect Color
3. Transparent Header Main Navigation Hover Text Color
4. Navigation Accent Color
5. Person Title Color in Person
6. Author Position Color on Side Img Box

How to custom those all in CSS page setting?

regards..

Sure you can.

1.

#menu > ul > li:not(.boc_nav_button):hover > a, #header .header_cart li a.icon:hover {
    color: yellow;
}

2.

.main_menu_underline_effect #menu > ul > li > a:after {
    background-color: yellow;
}

3.

@media only screen and (min-width: 1018px){
#header.transparent_header:not(.scrolled) #menu > ul > li:hover > a, #header.transparent_header:not(.scrolled) .header_cart a.icon:hover, #header.transparent_header:not(.scrolled) #subheader a:hover {
    color: #09c1c1;
}
}

4. Which Navigation?

5.

.team_block .team_desc {
    color: yellow;
}

6.

.image_featured_text .pos {
    color: yellow;
}

Add those to your Page Settings (the Cog icon) in the editor.

4. Navigation Accent Color in Main Menu.

4. I mean this..

How to custom that in specific page (custom CSS)

I ask once more thing.. :)) I hope you don’t mind..

5. How to modify color boc_nav_button on main menu on specific page (custom CSS)?

Thanks a lot

:))

.custom_menu_4 #menu > ul > li div { border-top: 2px solid yellow;}			
.custom_menu_4 #menu > ul > li ul > li > a:hover { background-color: yellow;}

as for the button on hover:

#header.transparent_header:not(.scrolled) #menu > ul > li.boc_nav_button a:hover {
  background: yellow;
  border: 2px solid yellow;
}

But I still have a little problem. Color of text on sticky menu is still the same as default theme.

regards..

I’ve solve the problem.. thanks a lot :))