Turn Color Overlay into a Gradient Overlay?

  • withacause

    (@withacause)


    6 years, 5 months ago

    I successfully used this plugin to add a video background with a color overlay. Just curious if anyone has had success replacing the color overlay with a gradient overlay?

    Here is the gradient I am trying to use.

    Any thoughts or advice on how to proceed? Which css class to overwrite with the gradient details below?

    /* Permalink – use to edit and share this gradient: http://colorzilla.com/gradient-editor/#172131+36,493543+87,523d42+100&0.6+0,0.6+100 */
    background: -moz-linear-gradient(top, rgba(23,33,49,0.6) 0%, rgba(23,33,49,0.6) 36%, rgba(73,53,67,0.6) 87%, rgba(82,61,66,0.6) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(23,33,49,0.6) 0%,rgba(23,33,49,0.6) 36%,rgba(73,53,67,0.6) 87%,rgba(82,61,66,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(23,33,49,0.6) 0%,rgba(23,33,49,0.6) 36%,rgba(73,53,67,0.6) 87%,rgba(82,61,66,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#99172131′, endColorstr=’#99523d42′,GradientType=0 ); /* IE6-9 */

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

Viewing 1 replies (of 1 total)
  • Plugin Author pushlabs

    (@pushlabs)

    6 years, 4 months ago

    HI withacause,

    Thanks for using Video Background.

    You should be able to achieve this by adding this css to the .vidbg-overlay class.

    Blake

Viewing 1 replies (of 1 total)
  • The topic ‘Turn Color Overlay into a Gradient Overlay?’ is closed to new replies.