# ¿Cómo separo los temas entre sí?

**URL:** <https://meta.discourse.org/t/how-do-i-space-out-topics-from-each-other/94509>\
**Category:** Product Support\
**Created:** [12 Agosto, 2018 06:42 UTC](https://meta.discourse.org/t/how-do-i-space-out-topics-from-each-other/94509 "2018-08-12T06:42:14Z")\
**Posts on this page:** 1\
**Showing post:** 6

<div class="post-metadata">

**Author:** ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)\
**Post date:** [12 Agosto, 2018 22:55 UTC](https://meta.discourse.org/t/how-do-i-space-out-topics-from-each-other/94509/6 "2018-08-12T22:55:27Z")

</div>

Thanks for posting the screen capture.

For you to become self sufficient in making minor CSS tweaks to your Discourse you should gain some understanding of basic CSS and become familiar with your browsers dev tools. AFAIK, although there are some differences, all recent major browsers have this tool.

For example,  
I go to your site and make sure its in mobile view (`../latest?mobile_view=1`)  
Then I right-click Inspect over where I’m interested in making a change.

 ![blinqchat-1](https://global.discourse-cdn.com/meta/original/3X/d/c/dc394231077e311b06d2ffcfa22770ceb566495b.png)  
Doing this opens dev tools and I can look at the HTML to see what there is to work with. In this case it’s a series of table rows

```plaintext
<tr data-topic-id="287" id="ember930" class="topic-list-item category-anything ember-view">
  <td>
    <div class="pull-left">...</div>
    <div class="right">...</div>
  </td>
</tr>

```

If I click on a `<td>` element and look on the right I can see what CSS is being applied to it

 ![blinqchat-2](https://global.discourse-cdn.com/meta/original/3X/5/0/50e8e21742b824861731cf74848910e422a1f755.png)  
To see if I’m in the right ballpark  
i can uncheck padding and see what the effect is  
 ![blinqchat-3](https://global.discourse-cdn.com/meta/original/3X/7/a/7ae27f4d4612679d0e800f4043478d179fba904e.png)  
That looks like what I want to edit. Clicking on the value lets me change it  
 ![blinqchat-4](https://global.discourse-cdn.com/meta/original/3X/3/d/3d9345a9d65d7bb93d2ced88e2504b194e686bfd.png)  
So I try changing it to top-bottom 1.5em, left-right 0 to see how that looks  
 ![blinqchat-5](https://global.discourse-cdn.com/meta/original/3X/2/f/2f1caf61aba584905da33cfcf3f36f69fda64ca4.png)  
I can experiment with different tweaks until I’m happy, and once I’m satisfied I can save that CSS in Admin → Customize

---

_[View the full topic](https://meta.discourse.org/t/how-do-i-space-out-topics-from-each-other/94509)._