rounded corners

HilaryP
Member

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

0 Upvotes
3 Replies 3
tjoyce
Recognized Expert | Platinum Partner

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

HilaryP
Member
0 Upvotes
narmstrong
Contributor | Platinum Partner

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

Noah Armstrong | TSL Marketing
Senior Developer
6085 Marshalee Dr| Suite 100 | Elkridge, MD 21075
Contact Us

TSL Marketing
0 Upvotes