I am working on a website where i wish to change the cursors to custom ones and have managed to change the normal cursor but not the hover cursor.
Wondering if you could help me by telling me how i change the cursor shown upon hover.
Thanks!
-Anders
Hi,
I am wondering if it's me who's always making a mistake when setting up a page using Lay or if this is just how it is.
Why is the typography for mobile shown so big when I am setting up the mobile design? It's a bit hard to know how things will look then and I need to guess sometimes. Anybody know how to make this display the actual size of typography?
Hopefully there is an adjustment I don't know of or a work-around.
— Anders
Hey, I just finished this one-pager website for a yoga studio in Germany.
What do you think? :=)
Here is a site I made for a video direction collective in Berlin
www.leberg.de
What do you think?
(ps: Love laytheme!)
Hi, I can't really send a link to my backend but here are some images of how the type looks in there:
And this is roughly how the font size is on mobile:
Hi,
I am wondering if it's me who's always making a mistake when setting up a page using Lay or if this is just how it is.
Why is the typography for mobile shown so big when I am setting up the mobile design? It's a bit hard to know how things will look then and I need to guess sometimes. Anybody know how to make this display the actual size of typography?
Hopefully there is an adjustment I don't know of or a work-around.
— Anders
Oh and then if you want the cursor also to be the same when you're hovering the video it would look something like this:
.html5video video.playpauseonclick {
cursor: url(https://favoritanimal.com/wp-content/uploads/2021/03/favorit-animal-cursor-green-01.png) 4 12, auto !important;
}
sorry, like this:
.html5video .html5-video-placeholder-image img {
cursor: url(https://favoritanimal.com/wp-content/uploads/2021/03/favorit-animal-cursor-green-01.png) 4 12, auto !important;
}
Nevermind, figured it out like this:
.html5video .html5-video-placeholder-image.h100 img {
cursor: url(https://myurl.com/wp-content/uploads/2021/03/image.png) 4 12, auto !important;
}
@Richard said in Custom Cursor on HTML5 Video:
customplayicon
Hi, is there also a way to make the pointer cursor that appears when you hover the video changed into a custom image?
-Anders
Hi,
I have set up this page, leberg.com, with a background video on the front page but it won't show in all browsers. Seemingly Chrome and Firefox loads the video but on Safari it won't show.
Is there a fix to this?
-Anders
Thank you @mariusjopen for the link! I'll check it out and try get a grasp on the basics :)
-Anders
This is great!
@mariusjopen Is it also possible to change the text color of the menu points in this way? And is it possible as well to load a different logo file? So that one page could have a dark logo + dark menu points on a bright background while another page could have the colors inverted.
Best,
Anders
Hey, I just finished this one-pager website for a yoga studio in Germany.
What do you think? :=)
