@davidbathe First, that's a very pretty website. Second, your videos look fine on my PC (also a Lenovo but not a cheapo one). I looked at one of your png image files and it looks fine (and that's very creative approach to overlaying a semi-transparent caption on a section video). I'd encourage you to add the alt description to the image (click the image element, select the "Advanced" attributes and change the default image alt description from "Picture" to the actual image title text - you should do this for all images across the site). Also, I'd change "World Projects" to mixed case rather than upper case.
Perhaps you can take a screenshot on your janky Lenovo and let us see what you're seeing. (I'm presuming all your browsers are up to date on the Lenovo.)
There is an alternative approach to adding images to a page where you use a code reference to the uploaded image and, with a little css, you can modify the transparency of the image caption via the opacity setting. In this web page https://www.b2bistro.com/red-bank.html, in the left-hand sidebar, the title text, "Red Bank" (which, in this case, is actual title text not an image) is solid white but the opacity is set to less than 100% in the css. Your image-based approach to the caption is great in this case because the lettering is very large and the caption image will behave responsively with the video upon which it rests (harder to do with actual text). If you employ the caption image via a coded reference approach rather than using the Weebly image element, you can manipulate the opacity directly on the site via the css opacity setting (so one change in the css code for the caption images will change the opacity of all of the captions across the site). Much quicker, easier, and more dynamic than fiddling with opacity in your graphics program.
@davidbathe First, that's a very pretty website. Second, your videos look fine on my PC (also a Lenovo but not a cheapo one). I looked at one of your png image files and it looks fine (and that's very creative approach to overlaying a semi-transparent caption on a section video). I'd encourage you to add the alt description to the image (click the image element, select the "Advanced" attributes and change the default image alt description from "Picture" to the actual image title text - you should do this for all images across the site). Also, I'd change "World Projects" to mixed case rather than upper case.
Perhaps you can take a screenshot on your janky Lenovo and let us see what you're seeing. (I'm presuming all your browsers are up to date on the Lenovo.)
There is an alternative approach to adding images to a page where you use a code reference to the uploaded image and, with a little css, you can modify the transparency of the image caption via the opacity setting. In this web page https://www.b2bistro.com/red-bank.html, in the left-hand sidebar, the title text, "Red Bank" (which, in this case, is actual title text not an image) is solid white but the opacity is set to less than 100% in the css. Your image-based approach to the caption is great in this case because the lettering is very large and the caption image will behave responsively with the video upon which it rests (harder to do with actual text). If you employ the caption image via a coded reference approach rather than using the Weebly image element, you can manipulate the opacity directly on the site via the css opacity setting (so one change in the css code for the caption images will change the opacity of all of the captions across the site). Much quicker, easier, and more dynamic than fiddling with opacity in your graphics program.
Wow Paul, that was a nice reply and great to hear (and see) things are looking good at your end.
Here, the .pngs look grey, not transparent and feature a stroke around the letters!
The odd this is that now I've taken a screen shot... they look perfect on the image... but not on the screen.
What I've had to do is take a picture with my phone so you can see the problem:
Me and coding aren't the best of friends. I can modify simple stuff but can write and add it.
The png approach is SUPER AMATEUR... but works real nice, scales with the responsive and holds it'shape!
I've been chuffed with the solution until I saw it on my daughters cheap PC from school.
Then I had nightmares.
I'm wondering if theres actually something wrong with her screen.
Thanx with the picture title tip, I'll do that.
Also the capitalized WORLD PROJECTS. unberlievable how you go blind to these obvious errors.
Again,really appriciate the feed back Paul.
