dirkliesenfeld

that would be really awesome!

The delay is only for time but not distance. it would be really nice if there was also a delay for distance so that the animation will start when e.g. the object is 300px into the screen or so.

Awesome! Works great now. Thank you so much!

I have had several instances of clients, that had animation deactivated in Windows. They didn’t know, that it was deactivated and couldn’t see the animations on the websites. I used the workaround to change the prefers-reduced-motion in index.css to no-preference, but it would be easier to do so via switch in the plugin ??

Strange – do you think, you will find a solution?

https://www.liesenfeld.de/angebot/ueberleben/

Ahhh – silly me. Should brush up my css-basics ??
Changed the code as follows and assigned .lighter to the accordions with the different look. Looks perfect, as you can see:

Thank you so much for your help.

<style>
.lightweight-accordion .lightweight-accordion-title {background: #abc1a1 !important;border-radius:10px 10px 0 0;}
.lightweight-accordion-body {background-image: linear-gradient(#abc1a1, #FFF7E9);}
.lightweight-accordion details[open] summary ~ * {animation: lwopen 1s ease-in-out !important;}
.has-small-font-size {font-size: unset !important;}
.lightweight-accordion-title::marker{content:"?";font-size: 1.1em;float: left;clear:both;}
details[open] .lightweight-accordion-title::marker{content:"?";font-size: 1.1em;float: left;clear:both;}
.wp-block-image img {margin-left: 5px;}
ul {margin-top: -5px !important;list-style-type: "? " !important;}

.lighter .lightweight-accordion-title {background:#E6D7C3!important;border-radius:10px 10px 0 0;}
.lighter .lightweight-accordion-body {background-image: linear-gradient(#E6D7C3, #FFF7E9);}

</style>

I added it using the block. In the header, I put this code:

<style>
.lightweight-accordion .lightweight-accordion-title {background: #E6D7C3 !important;border-radius:10px 10px 0 0;}
.lightweight-accordion-title span{margin-left:5px;}
.lightweight-accordion-body {background-image: linear-gradient(#E6D7C3, #FFF7E9);}
.lightweight-accordion details[open] summary ~ * {animation: lwopen 1s ease-in-out !important;}
.has-small-font-size {font-size: unset !important;}
.lightweight-accordion-title::marker{content:"?";font-size: 1.1em;float: left;clear:both;}
details[open] .lightweight-accordion-title::marker{content:"?";font-size: 1.1em;float: left;clear:both;}
.wp-block-image img {margin-left: 5px;}
ul {margin-top: -5px !important;list-style-type: "? " !important;}
.lighter{background: #E6D700 !important;}
</style>

When I now add the class “lighter” to the block, only the background of the block is affected and not the lightweight-accordion-title.
So – is there a way to target e.g. .lightweight-accordion-title for different accordions on the same page?

Yes, I used (as described in my former post) a custom css. Is there a way to target different css-values from different accordions on the same page? Probably not, right?

????

Ah, if it is a chrome bug and can only be resolved with javascript then please leave it as it is for i Like this simple css solution without javascript.
Thnx so much.

Nice ??

That would be awesome. In that case, I will also give you another slight variation of my first styling:

<style>
.lightweight-accordion .lightweight-accordion-title {background: #E6D7C3 !important;border-radius:10px 10px 0 0;}
.lightweight-accordion-title span{margin-left:5px;}
.lightweight-accordion-body {background-image: linear-gradient(#E6D7C3, #FFF7E9);}
.lightweight-accordion details[open] summary ~ * {animation: lwopen 1s ease-in-out !important;}
.has-small-font-size {font-size: unset !important;}
.lightweight-accordion-title::marker{content:"?";font-size: 1.1em;float: left;clear:both;}
details[open] .lightweight-accordion-title::marker{content:"?";font-size: 1.1em;float: left;clear:both;}
</style>

Found a workaround until it is fixed:
Open:
../wp-content/plugins/google-calendar-events/includes/calendars/views/default-calendar-grid.php

look for (atm at line 245)
$week_starts = $calendar->week_starts;

change it to:
$week_starts=2;

It will be reset after an update, but hopefully the next update will fix this problem ??

• This reply was modified 3 years, 4 months ago by dirkliesenfeld.

Hey Matt,
just wanted to say thank you for this great tool. Wishing you all the best for your personal stuff you mentioned.

Greetings,
Dirk.

• This reply was modified 4 years ago by dirkliesenfeld.