rounded corners

[HilaryP]

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

[tjoyce]

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

[HilaryP]

https://app.hubspot.com/email/4067147/edit-beta/6147042578/content

Thanks!

[narmstrong]

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