Penci Videos Playlist scroll bar color

ISOLE-GRECHE replied

7 years ago

Customer Reply

OK... but I had to add "!important" to color (text) to make it work!

Penci Design replied

7 years ago

Staff Reply

Hi,

Please go to Customize > Addtional CSS, then add custom css to do that:

@media screen and (max-width: 767px){
.penci-videos-playlist .penci-video-nav .penci-video-playlist-item .penci-video-number,
.penci-videos-playlist .penci-video-nav .penci-video-playlist-item .penci-video-play-icon,
.penci-videos-playlist .penci-video-nav .penci-video-playlist-item .penci-video-paused-icon {
background: #2993d1;
color:#fff;
}}

You can change any color to color do you want.

Best Regards,

PenciDesign

ISOLE-GRECHE replied

7 years ago

Customer Reply

Unfortunately, I'm working on localhost during migration from Blogger/Blogspot to Wordpress.

Penci Design replied

7 years ago

Staff Reply

Hi,

Please send url your website. I will check it help you.

Best Regards,

PenciDeign

ISOLE-GRECHE replied

7 years ago

Customer Reply

Up... please... :)

ISOLE-GRECHE replied

7 years ago

Customer Reply

1/

\

OK... thanks!

\

2/

\

Yes... i set up as you can see here: http://prntscr.com/lszgm3

\

In desktop version is OK: http://prntscr.com/lszhlf

\

But in mobile version isn't the same as I set up. Infact, the backgound color became "#3F51B5": https://prnt.sc/lszjh8

\

3/

\

OK... perfect!

Penci Design replied

7 years ago

Staff Reply

Hi,

1/ It normal .You add code in Customize > Addtional CSS. Custom CSS will save database and it show between the <head> tag and the </head> tag on your site as screenshot http://prntscr.com/ls7ps1,http://prntscr.com/ls7qhq

so after update PenNews theme, it will be not lose .

2/ Do you want change video order number color and background color ?

If right, please edit the Videos Playlist, go to Color tab, thenchange "Video order number color" and "Video order number background color" to any color you want as screenshot http://prntscr.com/ls7scf

3/ Change color of "Go to top" button, please go to Customize > Color For Footer , then scrolldown to footer go to top and change any color you want as screenshot http://prntscr.com/ls7t1d

Best Regards,

PenciDesign

ISOLE-GRECHE replied

7 years ago

Customer Reply

Up... please... :)

ISOLE-GRECHE replied

7 years ago

Customer Reply

1. Sorry, but I'd like to understand better... I added custom code in Customize > Addtional CSS but nothing changes in style.css of child theme. Is it normal or could it appear there automatically?

\

2. I saw that the color problem you solved me, there is also in mobile version of playlist video, precisely in the little box which collects video number, pause and play icon. Which is the code I can add? I'd like to change both color box (#2993d1) and text color (#ffffff). (Arrow n.1 in image link below)

3. I'd like to change color of arrow box which sends at the top of website. Is there anything in settings or have I to add some code? I'd like to change both normal box color (#2993d1), hoover box color (##5cb4e8)... text color could remain the same (#ffffff). (Arrow n.2 in image link below)

https://prnt.sc/lrwpmo

Penci Design replied

7 years ago

Staff Reply

Hi,

Please add custom code Customize > Addtional CSS or style.css of child theme. To fix this issue you don't have to add anything else.

Best Regards,

PenciDesign

ISOLE-GRECHE replied

7 years ago

Customer Reply

Ok... so Have I not to add anything to style.css and function.php of child theme?

Penci Design replied

7 years ago

Staff Reply

Hi,

Don't worry about this issue.

If you add custom css to Customize and child theme. After update PenNews theme, it will be not lose .

Best Regards,

PenciDesign

ISOLE-GRECHE replied

7 years ago

Customer Reply

Perfect!

If I update your theme, will I lose this change? I have child theme... I need to make change there too? Sorry, I'm not practical about that.

Penci Design replied

7 years ago

Staff Reply

Hi,

Please add more this code to Customize > Addtional CSS to do that:

\

\
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,\
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar ,\
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {  \
  background-color: #3f51b5 !important;\
}

\

Change background color #3f51b5 on the above code to any background color do you want. You can get a color code here

\

Best Regards,

\

PenciDesign

ISOLE-GRECHE started the conversation

7 years ago

Conversation Start

I'm using Penci Video Playlist and everything's ok, but I'd like to change scroll bar color: https://prnt.sc/lr6ecy