Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #1809630
Penci Videos Playlist scroll bar color
Closed

Comments

  •  4
    ISOLE-GRECHE started the conversation

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

  •  501
    Penci replied

    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


  •  4
    ISOLE-GRECHE replied

    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.

  •  501
    Penci replied

    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

  •  4
    ISOLE-GRECHE replied

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

  •  501
    Penci replied

    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

  •  4
    ISOLE-GRECHE replied

    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

  •  4
    ISOLE-GRECHE replied

    Up... please... :)

  •  501
    Penci replied

    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

  •  4
    ISOLE-GRECHE replied

    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!

  •  4
    ISOLE-GRECHE replied

    Up... please... :)

  •  501
    Penci replied

    Hi,

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


    Best Regards,

    PenciDeign

  •  4
    ISOLE-GRECHE replied

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

  •  501
    Penci replied

    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


  •  4
    ISOLE-GRECHE replied

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