# rounded corners

**URL:** <https://community.hubspot.com/t/rounded-corners/10080>\
**Category:** CMS Development\
**Created:** [September 5, 2018, 10:17pm UTC](https://community.hubspot.com/t/rounded-corners/10080 "2018-09-05T22:17:37Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![HilaryP](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/hilaryp/32/88643_2.png) [@HilaryP](https://community.hubspot.com/u/HilaryP)\
**Post date:** [September 5, 2018, 10:17pm UTC](https://community.hubspot.com/t/rounded-corners/10080/1 "2018-09-05T22:17:37Z")

</div>

Hi all,

I have VERY limited coding knowledge, and trying to figure out how I can apply rounded corners to my footer box so that it matches the CTA button’s rounded corners. Is there somewhere I can swipe the code from within HubSpot? And where would I place the code?

Thanks!

Hilary

---

<div class="post-metadata">

**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:** [September 6, 2018, 11:30am UTC](https://community.hubspot.com/t/rounded-corners/10080/2 "2018-09-06T11:30:37Z")

</div>

@HilaryP - We can give you the code if you have a preview url we can check out.

---

<div class="post-metadata">

**Author:** ![HilaryP](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/hilaryp/32/88643_2.png) [@HilaryP](https://community.hubspot.com/u/HilaryP)\
**Post date:** [September 7, 2018, 4:45pm UTC](https://community.hubspot.com/t/rounded-corners/10080/3 "2018-09-07T16:45:07Z")

</div>

> **[Edit Email | HubSpot](https://app.hubspot.com/email/4067147/edit/6147042578/content)**

Thanks!

---

<div class="post-metadata">

**Author:** ![narmstrong](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/narmstrong/32/44334_2.png) [@narmstrong](https://community.hubspot.com/u/narmstrong)\
**Post date:** [September 10, 2018, 8:32pm UTC](https://community.hubspot.com/t/rounded-corners/10080/4 "2018-09-10T20:32:40Z")

</div>

HilaryP

I would try something like this. In the page stylesheet add this to the top.

{% macro borderradius(value) -%}

-webkit-border-radius: {{ value }};

-moz-border-radius: {{ value }};

-o-border-radius: {{ value }};

-ms-border-radius: {{ value }};

border-radius: {{ value }};

{%- endmacro %}

Then just target the class/box you want to round the corners for.

e.g.

.footer-class .box-class { {{borderradius(“6px”)}} }

Good luck