mouse effect

[Raph]

mouse effect

[Raph]

This reply has been marked as private.

[logan]

hello, add this css in your customize >> custom css. it will get you what you want.   .single .wp-block-image figure.aligncenter>a img.aligncenter:hover{ animation-name: angry-animation; animation-duration: 2s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; } @keyframes angry-animation { 0%{ -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50%{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100%{ -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }

[Raph]

This reply has been marked as private.

[Steve]

Hey yoyo, Try adding this custom css -> Paste the given CSS in wp-admin > Appearance > Customize > custom css .single.single-post .content .wp-block-image figure.aligncenter img.aligncenter.wp-image-4142:hover { transform:scale(1.1) !important; } .single.single-post .content .wp-block-image figure.aligncenter img.aligncenter.wp-image-4142{ transition:transform 0.5s !important; } Thanks

[Raph]

This reply has been marked as private.

[Steve]

Hey yoyo , we need to add custom css for all images where we need this effect because css classes are different and this effect can't be applied to all images at one go ! meanwhile for this image add this css -> .single.single-post img.wp-image-2519.size-medium.aligncenter:hover { transform:scale(1.1) !important; } .single.single-post img.wp-image-2519.size-medium.aligncenter { transition:transform 0.5s !important; } Thanks

[Raph]

This reply has been marked as private.

[Steve]

hey mate, we do not make any changes in functions.php because after theme update these changes will be gone. this file updates very frequently so we do not make any changes in that. if you are willing to not update theme in future then you can write your php codes in functions.php.But for the css we suggest to put the css in customize >> custom css. it is stored in database wp_posts table. for your desires there is only one solution: share the screenshots of all images with proper demarcation on which you want to make the effect. for point one share the links of the images where they are residing. i will write codes for each of them separately. this is the safest and easiest way.

[Raph]

This reply has been marked as private.

[Steve]

okay yoyo let me know when you are done ! thanks

[Raph]

This reply has been marked as private.

[Steve]

Hello, have a look here: https://share.getcloudapp.com/2NurjQKr there are only 2 solutions:

1. either use proper html in the default editor to make this look good.
2. or use elementor for the post type = post. This will give you enormous settings to make your content appear amazingly wow. it is easy in use and flexible.also provides responsiveness !

Note: this is something we cant set with the custom css. swimmingly!! steve

[Raph]

This reply has been marked as private.

[logan]

thanks for confirming. closing on behalf of steve.

[Author]

Posts