Support » Plugin: Feeds for YouTube (YouTube video, channel, and gallery plugin) » Change the color of the header title

  • Resolved wiebe1996

    (@wiebe1996)


    Dear Sir/Madam,

    Is it possible to change the header color of the Youtube feed? This is possible for WordPress but it is not for the Feed for Youtube or is there an opportunity i can not find?

    Hope to hear from you!

    Gr, Wiebe

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Smash Balloon Joel

    (@joelsmashballoon)

    Hey @wiebe1996,

    Thank you for reaching out to us for support. There is currently no option to change the header colour specifically in our plugin but I am happy to help you with some custom CSS styling. Which part are you looking to change? Currently you are not displaying the header. If you enable it and let me know which parts you want in which certain colour (I assume the #EFDF94 you are using on your site), I am happy to send you the CSS you need.

    I will await your reply. Many thanks!

    Thread Starter wiebe1996

    (@wiebe1996)

    Hey Joel,

    Thanks a lot for your response, i have enabled the header. I want to change the following:

    – Change the header text color in #EFDF94
    – No the hover of the buttons of Feed for Instagram and Feed for Youtube have a white glow, could I change this in a purple glow the same as the white glow is (#4d23a3)

    Greating Wiebe

    Plugin Support Smash Balloon Joel

    (@joelsmashballoon)

    Hey @wiebe1996,

    You can add the following CSS to Feeds for YouTube > Customize > Custom CSS:

    
    .sby_header_text {
       color: #EFDF94 !important;
    }
    .sb_youtube .sby_footer .sby_load_btn:hover {
       box-shadow: inset 0 0 20px 20px #4d23a3 !important;
       color: #EFDF94;
    }
    

    Or if you meant to just change the ‘hue’:

    
    .sb_youtube .sby_footer .sby_load_btn:hover {
       box-shadow: inset 0 0 20px 20px rgba(77,35,163,.25) !important;
    }
    

    And for Instagram (Instagram Feed > Customize > Custom CSS):

    
    #sb_instagram #sbi_load .sbi_load_btn:hover{
       box-shadow: inset 0 0 20px 20px rgba(77,35,163,.25) !important;
    }
    

    I hope this is what you were looking for. Let me know if you need further assistance.

    Best regards.

    Thread Starter wiebe1996

    (@wiebe1996)

    Dear Support,

    Thanks a lot!

    After I added the codes the load more button disappeared and I get a API mistake message. How to fix this?

    Gr, Wiebe

    Plugin Support Smash Balloon Joel

    (@joelsmashballoon)

    Hey @wiebe1996,

    Thank you for getting back to me. There was an error with the Instagram API yesterday that affected most of our users, it has since been fixed. Would you be able to contact us via our website and send me the full System Info from your plugin? This way I will be able to further assist you with the customization. You can find our support page here: https://smashballoon.com/instagram-feed/support/

    Many thanks.

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.