# Slight design adjustments **URL:** \ **Category:** CMS Development\ **Created:** [August 7, 2018, 10:02am UTC](https://community.hubspot.com/t/slight-design-adjustments/9744 "2018-08-07T10:02:22Z")\ **Posts on this page:** 9\ **Page:** 1
**Author:** ![CG\_Alex](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/cg_alex/32/58551_2.png) [@CG\_Alex](https://community.hubspot.com/u/CG_Alex)\ **Post date:** [August 7, 2018, 10:02am UTC](https://community.hubspot.com/t/slight-design-adjustments/9744/1 "2018-08-07T10:02:22Z")
Hi, I have a few small things that I would like to change in a module template i’m using. Currently the Modal images are rounded, how do I remove this and resize them? Also, how do I change the size of the clickable are that appears when I hover over the image? Thanks in advance! ![Code 1-01.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/a/7/a7ae7342e64528358c3765146fa2597e6a4a9623.jpeg) ![Code 2-01.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/2X/7/7348d809c3fdc27884e3b93acfd7d3db18e501e8.jpeg) ---
**Author:** ![tjoyce](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/tjoyce/32/88832_2.png) [@tjoyce](https://community.hubspot.com/u/tjoyce)\ **Post date:** [August 7, 2018, 12:07pm UTC](https://community.hubspot.com/t/slight-design-adjustments/9744/2 "2018-08-07T12:07:04Z")
[@CG\_Alex](https://community.hubspot.com/t5/user/viewprofilepage/user-id/67243) - We can give you a much more detailed and accurate solution if you can provide a preview link to the page so we can play with the CSS a bit. ---
**Author:** ![CG\_Alex](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/cg_alex/32/58551_2.png) [@CG\_Alex](https://community.hubspot.com/u/CG_Alex)\ **Post date:** [August 7, 2018, 12:18pm UTC](https://community.hubspot.com/t/slight-design-adjustments/9744/3 "2018-08-07T12:18:54Z")
Hi @tjoyce How do I do that? sorry I am quite new to HubSpot! ---
**Author:** ![tjoyce](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/tjoyce/32/88832_2.png) [@tjoyce](https://community.hubspot.com/u/tjoyce)\ **Post date:** [August 7, 2018, 12:26pm UTC](https://community.hubspot.com/t/slight-design-adjustments/9744/4 "2018-08-07T12:26:46Z")
[@CG\_Alex](https://community.hubspot.com/t5/user/viewprofilepage/user-id/67243) - no problem, when you are editing your page (not the template) on the left side there is an “eye” icon, click that link to preview and paste that link into here. ---
**Author:** ![CG\_Alex](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/cg_alex/32/58551_2.png) [@CG\_Alex](https://community.hubspot.com/u/CG_Alex)\ **Post date:** [August 7, 2018, 12:34pm UTC](https://community.hubspot.com/t/slight-design-adjustments/9744/5 "2018-08-07T12:34:45Z")
@tjoyce - thank you! [http://www.convergencegroup.co.uk/meet-the-team?hs\_preview=unPQEbVF-6019174899](http://www.convergencegroup.co.uk/meet-the-team?hs_preview=unPQEbVF-6019174899) I will be using a copy of this module for a different page purely for the modal functionality, thats why I’m removing the rounding of the images and changing the sizes of them. ---
**Author:** ![tjoyce](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/tjoyce/32/88832_2.png) [@tjoyce](https://community.hubspot.com/u/tjoyce)\ **Post date:** [August 7, 2018, 1:01pm UTC](https://community.hubspot.com/t/slight-design-adjustments/9744/6 "2018-08-07T13:01:46Z")
Thanks [@CG\_Alex](https://community.hubspot.com/t5/user/viewprofilepage/user-id/67243) - To remove the circle on the image, you could drop this css into your css file: ```auto div .team-member-wrapper img { border-radius: 0; } ``` and you can expand on that to make them bigger with: ```auto div .team-member-wrapper img { border-radius: 0; max-width: 60%; } ``` I’m not sure what you mean by making the clickable area bigger because, when I hover the image, there is a large surface area. * * * If this answer helped, please, mark as solved 😄 * * * [tim@belch.io](mailto:tim@belch.io) | [forms.belch.io](https://forms.belch.io) | Design your own Beautiful HubSpot Forms; No coding necessary. Drop by and say Hi to me [on slack](http://slack.belch.io/). ---
**Author:** ![CG\_Alex](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/cg_alex/32/58551_2.png) [@CG\_Alex](https://community.hubspot.com/u/CG_Alex)\ **Post date:** [August 7, 2018, 2:32pm UTC](https://community.hubspot.com/t/slight-design-adjustments/9744/7 "2018-08-07T14:32:40Z")
@tjoyce brilliant that is perfect thank you! In repect to the size changes, I wanted to make the box that appears when you hover over the image smaller if possible (There wont be as much information in the new modules) ---
**Author:** ![tjoyce](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/tjoyce/32/88832_2.png) [@tjoyce](https://community.hubspot.com/u/tjoyce)\ **Post date:** [August 7, 2018, 6:18pm UTC](https://community.hubspot.com/t/slight-design-adjustments/9744/8 "2018-08-07T18:18:10Z")
thanks for the clarification [@CG\_Alex](https://community.hubspot.com/t5/user/viewprofilepage/user-id/67243) - to decrease the size of those boxes, you can add the following CSS ```auto .team-member-wrapper.team-half { padding: 80px; } ``` * * * If this answer helped, please, mark as solved 😄 * * * [tim@belch.io](mailto:tim@belch.io) | [forms.belch.io](https://forms.belch.io) | Design your own Beautiful HubSpot Forms; No coding necessary. Drop by and say Hi to me [on slack](http://slack.belch.io/). ---
**Author:** ![CG\_Alex](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/cg_alex/32/58551_2.png) [@CG\_Alex](https://community.hubspot.com/u/CG_Alex)\ **Post date:** [August 8, 2018, 8:14am UTC](https://community.hubspot.com/t/slight-design-adjustments/9744/9 "2018-08-08T08:14:50Z")
Perfect, thank you for all your help @tjoyce