# How to narrow image-text gap

**URL:** <https://forum.choiceofgames.com/t/how-to-narrow-image-text-gap/92407>\
**Category:** ChoiceScript Help\
**Created:** [January 2, 2021, 8:01am UTC](https://forum.choiceofgames.com/t/how-to-narrow-image-text-gap/92407 "2021-01-02T08:01:12Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![MonkeyLottery](https://sea3.discourse-cdn.com/choiceofgames/user_avatar/forum.choiceofgames.com/monkeylottery/32/138005_2.png) [@MonkeyLottery](https://forum.choiceofgames.com/u/MonkeyLottery)\
**Post date:** [January 2, 2021, 8:01am UTC](https://forum.choiceofgames.com/t/how-to-narrow-image-text-gap/92407/1 "2021-01-02T08:01:12Z")

</div>

Right what it says on the tin. Is there any way I can narrow the gap between text and images in Choicescript?

 ![image](https://global.discourse-cdn.com/choiceofgames/original/3X/d/d/ddd4b0c8ee248119b24a86e52816af914905bdd2.png)  
This is adequate, but I honestly think it would be 10x better if the “RORMUND NATIVE” image and the text below it were closer together.

---

<div class="post-metadata">

**Author:** ![Szaal](https://sea3.discourse-cdn.com/choiceofgames/user_avatar/forum.choiceofgames.com/szaal/32/112202_2.png) [@Szaal](https://forum.choiceofgames.com/u/Szaal)\
**Post date:** [January 2, 2021, 11:23am UTC](https://forum.choiceofgames.com/t/how-to-narrow-image-text-gap/92407/2 "2021-01-02T11:23:37Z")

</div>

The margin distance for image element is the same as margin for text element. You can try tinkering the CSS file and add the entry for \<`img`\> element `{margin: 0px;}`, though my guess you’re also have to tinker with \<`p`\> element if you really want the image to hug the text close.

Otherwise, if you’re not into the nitty-gritty of coding, the best you can do is to make sure there’s no extra white space around your original image.

---

<div class="post-metadata">

**Author:** ![MonkeyLottery](https://sea3.discourse-cdn.com/choiceofgames/user_avatar/forum.choiceofgames.com/monkeylottery/32/138005_2.png) [@MonkeyLottery](https://forum.choiceofgames.com/u/MonkeyLottery)\
**Post date:** [January 2, 2021, 11:44am UTC](https://forum.choiceofgames.com/t/how-to-narrow-image-text-gap/92407/3 "2021-01-02T11:44:02Z")

</div>

I have heard of that before but I have also heard that tinkering with Choicescript may make CoG and HG refuse to publish your work since it’s using a “hacked” version of Choicescript. Is this true?

---

<div class="post-metadata">

**Author:** ![Szaal](https://sea3.discourse-cdn.com/choiceofgames/user_avatar/forum.choiceofgames.com/szaal/32/112202_2.png) [@Szaal](https://forum.choiceofgames.com/u/Szaal)\
**Post date:** [January 2, 2021, 11:46am UTC](https://forum.choiceofgames.com/t/how-to-narrow-image-text-gap/92407/4 "2021-01-02T11:46:55Z")

</div>

Oh, no. You’ll be adding a simple line into CSS (cascading style sheet), not CS (ChoiceScript) itself. @malinryden did this by changing the opposed-stat bar color. Ideally, yea, you should make a say of this to CoG, but it should not be considered as “hacking.”

Look for `style.css` under `.../web/` directory.

---

<div class="post-metadata">

**Author:** ![Szaal](https://sea3.discourse-cdn.com/choiceofgames/user_avatar/forum.choiceofgames.com/szaal/32/112202_2.png) [@Szaal](https://forum.choiceofgames.com/u/Szaal)\
**Post date:** [January 2, 2021, 11:56am UTC](https://forum.choiceofgames.com/t/how-to-narrow-image-text-gap/92407/5 "2021-01-02T11:56:40Z")

</div>

Alrighty. After a bit of quick investigation, these are the lines you want to look into in the file I mentioned:  
Line 356 ~ 374

There’s `margin-bottom` property inside them which is listed as 1.5em. Either you want to delete those entries (or just comment them out) or change its value to 0.

---

<div class="post-metadata">

**Author:** ![MonkeyLottery](https://sea3.discourse-cdn.com/choiceofgames/user_avatar/forum.choiceofgames.com/monkeylottery/32/138005_2.png) [@MonkeyLottery](https://forum.choiceofgames.com/u/MonkeyLottery)\
**Post date:** [January 2, 2021, 12:05pm UTC](https://forum.choiceofgames.com/t/how-to-narrow-image-text-gap/92407/6 "2021-01-02T12:05:40Z")

</div>

Alright! Thanks for the help! I haven’t done this yet but I’ll report to you when I get the results.

---

<div class="post-metadata">

**Author:** ![MonkeyLottery](https://sea3.discourse-cdn.com/choiceofgames/user_avatar/forum.choiceofgames.com/monkeylottery/32/138005_2.png) [@MonkeyLottery](https://forum.choiceofgames.com/u/MonkeyLottery)\
**Post date:** [January 5, 2021, 10:06am UTC](https://forum.choiceofgames.com/t/how-to-narrow-image-text-gap/92407/7 "2021-01-05T10:06:00Z")

</div>

I have tested it and I happy to say that it worked. Unfortunately, I asked CoG support if such a modification will void publication, they answered that it will. However, they have said that they are working on tweaking the image gaps in a future update.
