I want to change the theme colour from blue to yellow (#ffcd33) in the following sections:
1. video playlist tab (youtube)
2. shooting arrow (when you scroll down to the bottom of the page, it will appear and when you click it, it will scroll up the page)
3. menu in the header (when you move the mouse cursor, it will the change the colour to blue)
Thank you very much.
Hello thanik30,
1),2),3) If you want to change the style as you wish, you have to use a bit of CSS code to do that. Please try the following code and place it in Theme panel->Custom CSS area.
The code is ->
.td_wrapper_video_playlist .td_video_controls_playlist_wrapper {
background-color: #ffcd33;
}
.td_wrapper_video_playlist .td_video_currently_playing:after {
border-left: 3px solid #ffcd33 !important;
}
.td-scroll-up-visible {
background-color: #ffcd33;
}
.td-header-style-5 .black-menu .sf-menu > .current-menu-item > a, .td-header-style-5 .black-menu .sf-menu > .current-menu-ancestor > a, .td-header-style-5 .black-menu .sf-menu > .current-category-ancestor > a, .td-header-style-5 .black-menu .sf-menu > li > a:hover, .td-header-style-5 .black-menu .sf-menu > .sfHover > a {
background-color: #ffcd33;
}
The result you should see here -> http://screencast.com/t/EwEQtxcMf
Thank you for the message!
Thank you very much for the code; however, the colour in menu in the header doesn’t change.
Please help.
for more information:
Hello thanik30,
Please try the following code ->>
.td-header-style-6 .black-menu .sf-menu > .current-menu-item > a, .td-header-style-6 .black-menu .sf-menu > .current-menu-ancestor > a, .td-header-style-6 .black-menu .sf-menu > .current-category-ancestor > a, .td-header-style-6 .black-menu .sf-menu > li > a:hover, .td-header-style-6 .black-menu .sf-menu > .sfHover > a {
background-color: #ffcd33;
}
The result -> http://screencast.com/t/XWJjWG30pTnB
Thank you for the message!
