# Pricing Table Column Width Customization

**URL:** <https://community.elfsight.com/t/pricing-table-column-width-customization/2532>\
**Category:** Customization\
**Tags:** pricing-table\
**Created:** [August 17, 2022, 5:29pm UTC](https://community.elfsight.com/t/pricing-table-column-width-customization/2532 "2022-08-17T17:29:43Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![user598](https://avatars.discourse-cdn.com/v4/letter/u/ba9def/32.png) [@user598](https://community.elfsight.com/u/user598)\
**Post date:** [August 17, 2022, 5:29pm UTC](https://community.elfsight.com/t/pricing-table-column-width-customization/2532/1 "2022-08-17T17:29:44Z")

</div>

Is there a way to use a custom font that is not a google font in the pricing table widget? I have web licensing for the font. When I put the name of the font family into my custom css, it looks correct on my computer. But on any other device, it automatically populates with the standard widget font. I’ve attached a screenshot of what it should look like, and what it looks like right now.

Widget on this page. [https://www.avocadoventures.co/](https://www.avocadoventures.co/)

 ![Screen Shot 2022-08-17 at 1.28.01 PM](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/1X/37bbd18ff742d50d79753b663e1acb7aa6f4c9ba.png)  
 ![Screen Shot 2022-08-17 at 12.01.09 PM](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/1X/3f74e40f61a55897193bc4fea8a5dc4008d3f131.jpeg)

---

<div class="post-metadata">

**Author:** ![user598](https://avatars.discourse-cdn.com/v4/letter/u/ba9def/32.png) [@user598](https://community.elfsight.com/u/user598)\
**Post date:** [August 17, 2022, 6:19pm UTC](https://community.elfsight.com/t/pricing-table-column-width-customization/2532/2 "2022-08-17T18:19:28Z")

</div>

I’m also looking for a way to make each individual column wider so that when I add more text to the features, it doesn’t become too long on my page.

---

<div class="post-metadata">

**Author:** ![user598](https://avatars.discourse-cdn.com/v4/letter/u/ba9def/32.png) [@user598](https://community.elfsight.com/u/user598)\
**Post date:** [August 17, 2022, 7:09pm UTC](https://community.elfsight.com/t/pricing-table-column-width-customization/2532/3 "2022-08-17T19:09:08Z")

</div>

Ok so I was actually able to figure out how to add my custom font using the @font-face css that links to the font embedded on my website. But I am still trying to figure out a way to make the individual columns inside the pricing table wider so that they can be shorter and not take up as much vertical space. Any help is appreciated!

 ![Screen Shot 2022-08-17 at 3.08.45 PM](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/1X/7d7deee0209ac1ab6982e6b9fa9cd6bae65a74b3.png)  
Screenshot attached.

---

<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:** [August 17, 2022, 8:38pm UTC](https://community.elfsight.com/t/pricing-table-column-width-customization/2532/5 "2022-08-17T20:38:38Z")

</div>

Hello @user598 👋! Thank you for contacting us!

I am happy to provide you with a special CSS code for changing the width of the column:

`.eapps-pricing-table-column-1{ max-width: 320px; }`

Please add this code to the **Custom CSS** section on the last tab in your widget’s settings and let me know if it helped.

---

<div class="post-metadata">

**Author:** ![user598](https://avatars.discourse-cdn.com/v4/letter/u/ba9def/32.png) [@user598](https://community.elfsight.com/u/user598)\
**Post date:** [August 17, 2022, 10:47pm UTC](https://community.elfsight.com/t/pricing-table-column-width-customization/2532/6 "2022-08-17T22:47:40Z")

</div>

Awesome thanks!