0
Welcome Guest! Login
0 items Join Now

Background Video atom - Freebie by MrT

    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 94282
    • Thanks: 12416
    • Web Designer/Developer

    Re: Background Video atom - Freebie by MrT

    Posted 9 months 2 weeks ago
    • On the very first post of this topic there is an attachment and instructions.

      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
  • Re: Background Video atom - Freebie by MrT

    Posted 5 months 6 days ago
    • Hi
      I love this atom and it works great and fast.

      I would like to make the video a littel darker. is there a way to create css without the need to re-edit the video?
      Thanks
      Lisa
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 94282
    • Thanks: 12416
    • Web Designer/Developer

    Re: Background Video atom - Freebie by MrT

    Posted 5 months 6 days ago
    • Sure, Use this code...
      .mrt-bgvideo-wrapper .mrt-bgvideo-container:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,0.5);
      }

      adjust alpha (0.5) to suit your needs

      To create a custom CSS compatible with Gantry 5 please read this http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet .

      Remember to recompile CSS from base outline too.


      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
  • Re: Background Video atom - Freebie by MrT

    Posted 5 months 6 days ago
    • Thank you so much Mark.
      Works like a charm :-)


      Best regards,
      Lisa
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 94282
    • Thanks: 12416
    • Web Designer/Developer

    Re: Background Video atom - Freebie by MrT

    Posted 5 months 6 days ago
    • You're very welcome. :)

      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
  • Re: Background Video atom - Freebie by MrT

    Posted 4 months 3 weeks ago
    • Hi Mark
      Sorry to bother you again... :-(
      I am using otion template here:

      asim.co.il/

      I have 2 issues:
      1. you can see the video ar the bottom of the home page:
      tinyurl.com/y77q4rzv

      2. z-index not working on the video background with the accessibility skip to content (Tab)
      tinyurl.com/yaw8y8r2

      your input like always will be very much appreciated.

      Stay safe

      Lisa
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 94282
    • Thanks: 12416
    • Web Designer/Developer

    Re: Background Video atom - Freebie by MrT

    Posted 4 months 3 weeks ago
    • 1. The video shows at the bottom because, first, it is a background video for the whole page, and second, because of you own custom CSS where you add a 40px bottom margin using a class.

      2. How do I navigate to that page in your first screenshot regarding the tab?

      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
  • Re: Background Video atom - Freebie by MrT

    Posted 4 months 3 weeks ago
    • That is prety sad when I start steping on mu own tail...

      2. How do I navigate to that page in your first screenshot regarding the tab?
      >> Any page other than the home page

      Thanks
      Lisa.
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 94282
    • Thanks: 12416
    • Web Designer/Developer

    Re: Background Video atom - Freebie by MrT

    Posted 4 months 3 weeks ago
    • 2. I tried all your other pages and none of them show what you indicated in your screenshot.

      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
  • Re: Background Video atom - Freebie by MrT

    Posted 4 months 3 weeks ago
    • This is a skip to content plugin and you must hit TAB to show (for acceccibility ) I am sorry I did not explained myself.

      Best
      Lisa

Time to create page: 0.094 seconds