Background Video atom - Freebie by MrT
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
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.
-
-
-
- Lisa Shimoni
- Hero Rocketeer
- Posts: 427
- Thanks: 4
-
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
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
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.
-
-
-
- Lisa Shimoni
- Hero Rocketeer
- Posts: 427
- Thanks: 4
-
Thank you so much Mark.
Works like a charm
Best regards,
Lisa
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
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.
-
-
-
- Lisa Shimoni
- Hero Rocketeer
- Posts: 427
- Thanks: 4
-
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
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
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.
-
-
-
- Lisa Shimoni
- Hero Rocketeer
- Posts: 427
- Thanks: 4
-
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
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
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.
-
-
-
- Lisa Shimoni
- Hero Rocketeer
- Posts: 427
- Thanks: 4
-
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.065 seconds