Support » Plugin: Video Conferencing with Zoom » How can I change colors to fit my website?

  • Resolved mmpineda

    (@mmpineda)


    Hi,

    Thank you for a great plugin!

    I was wondering how to change colors so that the meeting post (for instance, meeting has started/ended header, link buttons) fit the rest of my website.

    I don’t know to much about CSS, but I’ll do my best following your instructions. And maybe for a future version, is it a good idea to make those colors customizable?

    Kind regards

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Deepen

    (@j_3rk)

    hi @mmpineda,

    Try this https://gist.github.com/techies23/750ba23e6a131fc8ef6b58151f5f632c

    Replace color code with your color hex values for example: #ffffff = White

    Can generate from here as well https://www.color-hex.com/

    Not sure i’ll add these customizable options but i’ll take a note and see in the future !

    Thanks

    Thread Starter mmpineda

    (@mmpineda)

    Thank you for quick response, Deepen! 🙂

    I have tried, and it works perfectly. The only thing that has not been changed and still keeps the original dark grey is the background color of the text box where it says “the meeting has started / ended”

    It seems that “//For changing Countdown cell background” code only affects the countdown cell, but not to the cell that appears saying the meeting has started / ended.

    Thank you very much! I’m very happy with this plugin. Will put 5 stars right now!

    Plugin Author Deepen

    (@j_3rk)

    @mmpineda

    Updated gist https://gist.github.com/techies23/750ba23e6a131fc8ef6b58151f5f632c

    Last commented line “//Change background and color for meeting started and ending box” of the code should change that.

    Thank you for the review ! 🙂

    Thread Starter mmpineda

    (@mmpineda)

    Hi again, and welcome! 🙂

    Strangely, this last piece of code seems not to be working. It doesn’t change the dark grey color.

    Plugin Author Deepen

    (@j_3rk)

    @mmpineda

    Try this: Should work

    //Change background and color for meeting started and ending box
    .dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-timer .dpn-zvc-meeting-ended {
    background: #color_code; //For box background color
    color: #color_code; //For text color
    }

    Thread Starter mmpineda

    (@mmpineda)

    You rock, Deepen!!! Many thanks!! It works perfectly now!! 😀

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How can I change colors to fit my website?’ is closed to new replies.