# Hover state on element with link **URL:** \ **Category:** Website Builder\ **Tags:** cms\_element\ **Created:** [May 25, 2021, 3:26pm UTC](https://community.sitejet.io/t/hover-state-on-element-with-link/130 "2021-05-25T15:26:05Z")\ **Posts on this page:** 8\ **Page:** 1
**Author:** ![Mark\_Fosseprez](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/mark_fosseprez/32/58_2.png) [@Mark\_Fosseprez](https://community.sitejet.io/u/Mark_Fosseprez)\ **Post date:** [May 25, 2021, 3:26pm UTC](https://community.sitejet.io/t/hover-state-on-element-with-link/130/1 "2021-05-25T15:26:05Z")
Dear, I would like to add a hover state (eg. different colour or shadow) to an element that is not a button, eg. an image or a container. Is that possible, and, if yes, how to do it? thanks and kind regards, Mark ---
**Author:** ![PabloT](https://avatars.discourse-cdn.com/v4/letter/p/779978/32.png) [@PabloT](https://community.sitejet.io/u/PabloT)\ **Post date:** [May 25, 2021, 5:16pm UTC](https://community.sitejet.io/t/hover-state-on-element-with-link/130/2 "2021-05-25T17:16:18Z")
Hi @Mark_Fosseprez, yes you can do this, but I just know it how to do it with custom CSS. You can create a CSS class with the pseudo class :hover and specify it just for e.g. all images. So this style will apply on all images and give them a shadow when you hover them. You have to add the class you created to the element class setting tab. You could also add more properties to your .customclassname:hover and the class name is just an example, you could choose an own name for it. .customclassname:hover .img { box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.75); -webkit-box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.75); } ---
**Author:** ![Mark\_Fosseprez](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/mark_fosseprez/32/58_2.png) [@Mark\_Fosseprez](https://community.sitejet.io/u/Mark_Fosseprez)\ **Post date:** [May 25, 2021, 5:21pm UTC](https://community.sitejet.io/t/hover-state-on-element-with-link/130/3 "2021-05-25T17:21:49Z")
Thanks! Will give it a try tomorrow! ---
**Author:** ![PabloT](https://avatars.discourse-cdn.com/v4/letter/p/779978/32.png) [@PabloT](https://community.sitejet.io/u/PabloT)\ **Post date:** [May 26, 2021, 7:58am UTC](https://community.sitejet.io/t/hover-state-on-element-with-link/130/4 "2021-05-26T07:58:49Z")
Let me know if it works. ---
**Author:** ![Mark\_Fosseprez](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/mark_fosseprez/32/58_2.png) [@Mark\_Fosseprez](https://community.sitejet.io/u/Mark_Fosseprez)\ **Post date:** [May 27, 2021, 8:10am UTC](https://community.sitejet.io/t/hover-state-on-element-with-link/130/5 "2021-05-27T08:10:30Z")
Did the trick, thanks! ---
**Author:** ![Andre](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/andre/32/3459_2.png) [@Andre](https://community.sitejet.io/u/Andre)\ **Post date:** [June 28, 2021, 2:31pm UTC](https://community.sitejet.io/t/hover-state-on-element-with-link/130/6 "2021-06-28T14:31:09Z")
---
**Author:** ![Andre](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/andre/32/3459_2.png) [@Andre](https://community.sitejet.io/u/Andre)\ **Post date:** [December 24, 2024, 2:07pm UTC](https://community.sitejet.io/t/hover-state-on-element-with-link/130/7 "2024-12-24T14:07:43Z")
---
**Author:** ![Andre](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/andre/32/3459_2.png) [@Andre](https://community.sitejet.io/u/Andre)\ **Post date:** [December 24, 2024, 2:07pm UTC](https://community.sitejet.io/t/hover-state-on-element-with-link/130/8 "2024-12-24T14:07:45Z")