# CSS - Portfolio

**URL:** <https://community.elfsight.com/t/css-portfolio/7752>\
**Category:** Customization\
**Tags:** portfolio\
**Created:** [November 3, 2022, 12:33pm UTC](https://community.elfsight.com/t/css-portfolio/7752 "2022-11-03T12:33:40Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![user829](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/user829/32/1325_2.png) [@user829](https://community.elfsight.com/u/user829)\
**Post date:** [November 3, 2022, 12:33pm UTC](https://community.elfsight.com/t/css-portfolio/7752/1 "2022-11-03T12:33:40Z")

</div>

I have created in a gallery in the portfolio app where I have added a border around each image. When I place the cursor over the image, the border disappears. What ccs should I add so this does not happen?

Also, when I click on an image to enlarge it, there is no border. What should I change so the border appears?

This is a link to my website.

> **[Planet Earth Silk](https://tilli-tomas-planet-earth-fiber.myshopify.com/pages/planet-earth-silk)**
>
> Planet Earth Silk

 ![gallery](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/2X/4/431b4c69ee08d86b8861a4bb604030fd432f4ba4.jpeg)

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [November 3, 2022, 8:28pm UTC](https://community.elfsight.com/t/css-portfolio/7752/3 "2022-11-03T20:28:00Z")

</div>

Hello @user829!

Thank you for contacting us!

I am terribly sorry that you’ve faced difficulties using our app!

I’ve forwarded your request to our devs and, hopefully, they’ll come up with a proper solution really soon. Please do not worry, I’ll keep you updated 😉

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [November 7, 2022, 1:21pm UTC](https://community.elfsight.com/t/css-portfolio/7752/5 "2022-11-07T13:21:53Z")

</div>

Hello @user829!

Great news 🔥 We’ve customized the widget the way you’ve described!

Could you please check it and let me know if you like what you see?

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [November 7, 2022, 4:57pm UTC](https://community.elfsight.com/t/css-portfolio/7752/8 "2022-11-07T16:57:00Z")

</div>

Hello @user829

I am so sorry for being not clear enough. We’ve added the following CSS code to the Custom CSS field in the Style tab of your widget settings:

```auto
.eapp-portfolio-project-look-card-picture-wrapper,
.eapp-portfolio-project-detailed-media {
	border: 1px solid #c0c0c0;
    background-color: #fff;
    padding: 3px;
}

```

Could you please check it and let me know if you like what you see?

---

<div class="post-metadata">

**Author:** ![user829](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/user829/32/1325_2.png) [@user829](https://community.elfsight.com/u/user829)\
**Post date:** [November 7, 2022, 6:05pm UTC](https://community.elfsight.com/t/css-portfolio/7752/9 "2022-11-07T18:05:34Z")

</div>

Thank you.