# Modify text placement of Category Description copy

**URL:** <https://meta.discourse.org/t/modify-text-placement-of-category-description-copy/104300>\
**Category:** Product Support\
**Created:** [14.Декабрь.2018 19:32:13 UTC](https://meta.discourse.org/t/modify-text-placement-of-category-description-copy/104300 "2018-12-14T19:32:13Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![jord8on](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jord8on/32/166809_2.png) [@jord8on](https://meta.discourse.org/u/jord8on)\
**Post date:** [14.Декабрь.2018 20:25:31 UTC](https://meta.discourse.org/t/modify-text-placement-of-category-description-copy/104300/3 "2018-12-14T20:25:31Z")

</div>

Yikes! These GIFs were an icon set [I purchased](http://animaticons.co/) and they came with all that extra space. That’s a good point… I can prob trim it down using some online GIF editor.

That said, I’ve been tinkering since I posted the question and came up with the following, which works perfectly!

Here’s the DESKTOP CSS:

```
.category-logo.aspect-image {
    margin-top: -50px;
}

```

Here’s the MOBILE CSS:

```
.category-logo.aspect-image {
    margin: -30px auto -20px auto;
}

```

And here’s some before and afters which show how things looked before adding the above CSS:

# Mobile BEFORE

 ![PNG](https://global.discourse-cdn.com/meta/original/3X/2/4/24e7a2773f50d2edf028c9b65b582b2b5503a434.jpeg)

# Mobile AFTER

 ![PNG](https://global.discourse-cdn.com/meta/original/3X/5/d/5daa904bdc4b45956c01b80dbc3db054794888d6.jpeg)

# Desktop BEFORE

 ![Monosnap%202018-12-14%2013-15-07](https://global.discourse-cdn.com/meta/original/3X/9/5/9523ab09d667eaa11991c05f18444370de8a2189.jpeg)

# Desktop AFTER

 ![Monosnap%202018-12-14%2013-16-52](https://global.discourse-cdn.com/meta/original/3X/7/3/7386a0af21f294745b45c126310acc37019e43ae.jpeg)

---

_[View the full topic](https://meta.discourse.org/t/modify-text-placement-of-category-description-copy/104300)._