Feature Suggestions

Donation Bar Options?

Hey Stream Labs,
Love what you offer us at no fee!

I was thinking It would be nice to be able to change the size of the text on the donation bar.
It would make setting it up much easier and depending on how many letters your goal has the text size needs to change.
Being able to leave it in standard mode but get rid of the (x) days to go and the $0.00. I would rather have the total donated underneath the bar.
As well as the ability to have different donation goal panels that we could activate since different goals are shown on different games.

All together I'm asking for more options for the donation bar. 

Thanks for taking the time to read!

Mike Warner

  • Grider
  • Nov 26 2016
  • BadWolfAT commented
    12 Apr, 2018 07:27am

    This doesn't work at all

  • Grothawk commented
    30 Nov, 2016 04:04pm

    Ignore the comment about lines starting with ' // ' - using normal CSS comments like ' /* ... */ ' works fine, you can leave that in there just to know what is what ;)

  • Grothawk commented
    30 Nov, 2016 04:02pm

    Hi Mike,

    I feel like its worth mentioning that some of the things you described (the ones related to the way the donation goal looks) can be change using CSS in the settings panel of your Browser Source in OBS. 

    To achieve some of the things you spoke of:

    /* Hide 'x days to go' */
    #render > div > div:nth-child(3) { font-size: 0 !important; }

    /* Hide $0.00 */
    #render > div > div:nth-child(3) > div:first-child { display: none !important; }

    /* Center the goal amount */
    #render > div > div:nth-child(3) > div:last-child { width: 100% !important; }

    /* Change the progress text font size */
    #render > div > div:nth-child(2) > div:first-child { font-size: 30px !important; }

    Make sure you remove the lines starting with ' // ' after pasting it into the sources settings, otherwise it will not work. Also the ' !important ' at the end is required, since StreamLabs apply most of their styles inline in the style attribute - !important overrides that.

    I hope it helps you out in the time before StreamLabs adds some more features to the donation goals!

    Peter Grzyb  / Grothawk