Hello,
this code was helping me a lot to give video sequences round edges on my whole website. Thanks for that!
However, I now have problems with the rounded edges on photos. But only at the bottom as soon as I add a caption. See the screenshots.
I am using this code for the videos:
.ph{
border-radius: 6px;
overflow: hidden;
}
And this code for the images:
.img{
border-radius: 6px;
overflow: hidden;
}
Does anyone have any idea how I could fix this?
Everyone have a nice weekend!
Hello,
any updates to this idea? Would love this settings as well :)
Cheers
Hello,
just wanted to push this topic a little bit. If there is a simple solution i could find elsewhere i would be very happy if someone could let me know :)
Could not find an answer to this in the forum.
Have a great day!
Cheers, Max
Hello,
just wanted to push this topic a little bit. If there is a simple solution i could find elsewhere i would be very happy if someone could let me know :)
Could not find an answer to this in the forum.
Have a great day!
Cheers, Max
Re: Mix-Blend-Mode for .sitetitle and .menu-item
Hello everbody!
Thanks for figuring all that stuff out! Using the blend mode for an upcoming website now and was wondering, how a could give one side an exception. Tried to use the slug way but if i turn the color just white for the page, it wont be see at all because of the blend mode. So how could i deactivate it for one page?
Here is the code i am using:
nav.primary{
mix-blend-mode: difference;
}
.sitetitle {
mix-blend-mode: difference;
}
/* site title */
body.type-category.id-4 .sitetitle.txt .sitetitle-txt-inner span{
color: #000000;
}
/* navigation */
body.type-category.id-4 nav.primary a span{
color: #000000;
}
I had hoped that there would be a simple solution that would not take much time to explain :)
Cheers, Max
Re: Blurry links
Hello,
i would love to have the blur effect for text links only, but it seems like the code is also making my linked images blurry. is their a way to avoid this?
i am using following code i guess i found in the forum as well:
a {
color: #000000;
transition: ease-in-out 0.2s;
}
a:hover {
color: #000000;
-webkit-filter: blur(10px); /* Safari */
filter: blur(20px);
transition: ease-in-out 0.2s;
}
Whoever can tell me will make me very happy :)
Have a great day!
Cheers, Max
@Richard-K
Hey Richard, any chance you could take a look at it one more time? Would be super great.
Cheers!
Hey @Richard-K
No worries :)
I think i did. Check those screenshots.
Hey @Richard-K
Now it seems to work, thank you very much. Only trouble i am having is that its now not going exactly there where i want it to scroll to. the violet row has the ID where it should link to but it keeps some space above that. Any idea what the problem might be?
Cheers and thanks again!
Dear @Richard-K
Thanks again :)
This button seems to be there because of a plugin i use to guarantee a smooth scroll. It's called »jQuery Smooth Scroll« Seems like this button is part of the plugin in that's why i was trying to hide it with following code:
#scroll-to-top {display:none !important;}
A friend at the office was helping me because i do not have any clue regarding coding.
So if there would be a solution which guarantees a small scrolling without using this plugin i could get rid of the button i guess.
Ah that could actually work :) Thanks a lot!
@Richard-K
Thanks Richard for the quick reply. Of course a back to top button in the menu doesn't make any sense, but this is how the anchors are acting on mobile. I don't know why.
Just helping out a friend with his existing website. Nothing special designwise :)
I think I have the same problem. On the desktop version it works great, mobile the menu item becomes a Back to Top button?!
Could you possibly share the solution? That would be great! :)
Are you considering to add an option that allows the site titel to function as a back to top button in the near future? Or is this technically not possible?
Hello,
is there alreday an option to play with the hight of a row? Would be happy to use it :)
Cheers!
Hey, i was reading in a topic from 2015 that videos don't seem to work in the carousel addon. Has anything changed regarding that? Cause in the Addon Menu it is mentioned, but does not work. I can select a mp4-file, but cannot push ok afterwards. (Edit: Together with images!)
Cheers, Max