# My Pluton Theme

**URL:** <https://forum.pinegrow.com/t/my-pluton-theme/343>\
**Category:** Animator PRO\
**Created:** [November 8, 2016, 3:07am UTC](https://forum.pinegrow.com/t/my-pluton-theme/343 "2016-11-08T03:07:35Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jack](https://avatars.discourse-cdn.com/v4/letter/j/cc9497/32.png) [@Jack](https://forum.pinegrow.com/u/Jack)\
**Post date:** [November 8, 2016, 3:07am UTC](https://forum.pinegrow.com/t/my-pluton-theme/343/1 "2016-11-08T03:07:35Z")

</div>

I’m not sure if anyone is aware of this website [http://www.graphberry.com/](http://www.graphberry.com/) - they provide some excellent resources, all free to use for personal/commercial use.

One of their html/bootstrap templates is the Pluton Theme [http://www.graphberry.com/products/preview/pluton-single-page-bootstrap-html-template](http://www.graphberry.com/products/preview/pluton-single-page-bootstrap-html-template)

Now, just for fun, just to experiment and use the Animator Pro Plug-in, I wanted to create a light version of the theme using the bootstrap starter kit/some adjustments of my own/css shapes, not as heavy as the original graphberry Pluton theme.

Anyway, here is my attempt [https://jack2016.000webhostapp.com/](https://jack2016.000webhostapp.com/)

Also nice to add another thread to the animator pro plug-in section 😄

---

<div class="post-metadata">

**Author:** ![housler](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/housler/32/150_2.png) [@housler](https://forum.pinegrow.com/u/housler)\
**Post date:** [November 10, 2016, 10:21am UTC](https://forum.pinegrow.com/t/my-pluton-theme/343/2 "2016-11-10T10:21:12Z")

</div>

A few tweaks to make the points a little better.

 ![](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/1X/089956b34b5fc93c7dcf1781e9fa7eab449d66e6.png)

 ![](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/1X/0a12f8ee60c51e6515d0de850f452c1f3949742e.jpg)

remove left and right padding on the container  
or  
if you need the padding on the container then add additional class

.container .triangledown23, .container.triup1 {padding:0;}

anyway, just some thoughts.

---

<div class="post-metadata">

**Author:** ![Jack](https://avatars.discourse-cdn.com/v4/letter/j/cc9497/32.png) [@Jack](https://forum.pinegrow.com/u/Jack)\
**Post date:** [November 10, 2016, 2:55pm UTC](https://forum.pinegrow.com/t/my-pluton-theme/343/3 "2016-11-10T14:55:51Z")

</div>

Thanks Housler.

I’m still learning about css.

My next attempt will involve css shapes & wrapping text around shapes (for articles).

By the way, the “funky” shapes rather then regular triangles were intentional! (forgot to update css names as original plan was to use triangles) - May not be to everyones tastes, although I think that effect works best for the footer area.