# Wrapping text around picture

**URL:** <https://forums.realmacsoftware.com/t/wrapping-text-around-picture/43321>\
**Category:** RapidWeaver Classic\
**Created:** [May 23, 2024, 5:07am UTC](https://forums.realmacsoftware.com/t/wrapping-text-around-picture/43321 "2024-05-23T05:07:19Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ferris](https://avatars.discourse-cdn.com/v4/letter/f/53a042/32.png) [@Ferris](https://forums.realmacsoftware.com/u/Ferris)\
**Post date:** [May 23, 2024, 5:07am UTC](https://forums.realmacsoftware.com/t/wrapping-text-around-picture/43321/1 "2024-05-23T05:07:19Z")

</div>

Hi Everybody  
I wanna wrap some text around a picture with of a guitar (see attachment), but I can’t get it to work.  
I’ve tried to cookie-cutter and the cutout stack, but can’t really get them to do the job I want. Are there any other ways to accomplish this?

 ![Skærmbillede 2024-05-23 kl. 07.01.03](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/b/b/bb9f414d3e711bf79754991ff45b696f82242a32.jpeg)  
i

---

<div class="post-metadata">

**Author:** ![Mathew](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mathew/32/2771_2.png) [@Mathew](https://forums.realmacsoftware.com/u/Mathew)\
**Post date:** [May 23, 2024, 5:51am UTC](https://forums.realmacsoftware.com/t/wrapping-text-around-picture/43321/2 "2024-05-23T05:51:25Z")

</div>

@Ferris Probably the best solution is the Better Float stack. More here:

> **[BetterFloat stack for RapidWeaver](https://stacks4stacks.com/betterfloat/index.php)**
>
> A remake of the float stack supplied with the Stacks RapidWeaver plugin. The BetterFloat stack provides more options for the setup of float layouts

The official “word” for you want to do is to “float” content.

---

<div class="post-metadata">

**Author:** ![Ferris](https://avatars.discourse-cdn.com/v4/letter/f/53a042/32.png) [@Ferris](https://forums.realmacsoftware.com/u/Ferris)\
**Post date:** [May 23, 2024, 6:34am UTC](https://forums.realmacsoftware.com/t/wrapping-text-around-picture/43321/3 "2024-05-23T06:34:11Z")

</div>

Hi Mathew  
Thanks for the response. I’m not sure better float will do what I want it to do. At least I can’t get it to do it. I’ve attached a screenshot of the settings and results I get with better float

 ![Skærmbillede 2024-05-23 kl. 08.33.23](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/2/c/2cb4aba72ef84fdc3d9144f387fa03e2a0ac0fe1.png)  
 ![Skærmbillede 2024-05-23 kl. 08.31.56](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/4/0/40a601ed7bfd067a228f16ddf43c07ca52d2f52e.png)

---

<div class="post-metadata">

**Author:** ![Mathew](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mathew/32/2771_2.png) [@Mathew](https://forums.realmacsoftware.com/u/Mathew)\
**Post date:** [May 23, 2024, 7:39am UTC](https://forums.realmacsoftware.com/t/wrapping-text-around-picture/43321/4 "2024-05-23T07:39:41Z")

</div>

You’ll have to play around a bit. I’m not seeing any big issue that can’t be solved without tweaks. I don’t know your whole setup (width of the container you are using, etc.). As a first tweak I’d suggest going down to the area where you see float units: change to viewport width … and set to how much of the visible “space” you want the image (or text) to take up. I’ve set to 30% in the example. I wouldn’t used set units like 200 px as in some places (e.g. phones) that will take up almost the entire visible spacing.

![RapidWeaver-judy-2023-08-02-05-23 -001293](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/c/2/c29215b0bb2e8357b60a076ae55e907496d95b9f.png)

Will makes another free stack called litebox that will allow you to have images “pop up” to be larger AND do floating. It has some slightly different settings. However I’d suggest first getting it all working fine with Better Float then changing to Litebox if the extras it provides helps you even more. See:

> **[LiteBox stack for RapidWeaver](https://stacks4stacks.com/litebox/index.php)**
>
> A lightweight image lightbox effect for RapidWeaver. Easy to setup, efficient and attractive

I hope this helps.

---

<div class="post-metadata">

**Author:** ![willwood](https://avatars.discourse-cdn.com/v4/letter/w/bc8723/32.png) [@willwood](https://forums.realmacsoftware.com/u/willwood)\
**Post date:** [May 23, 2024, 8:19am UTC](https://forums.realmacsoftware.com/t/wrapping-text-around-picture/43321/5 "2024-05-23T08:19:29Z")

</div>

Are you wanting the left edge of your text to follow the silhouette of the guitar?

 ![40a601ed7bfd067a228f16ddf43c07ca52d2f52e](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/6/a/6a80b38b43433fe258a89692e61eeb5722c73268.png)

---

<div class="post-metadata">

**Author:** ![Ferris](https://avatars.discourse-cdn.com/v4/letter/f/53a042/32.png) [@Ferris](https://forums.realmacsoftware.com/u/Ferris)\
**Post date:** [May 23, 2024, 8:36am UTC](https://forums.realmacsoftware.com/t/wrapping-text-around-picture/43321/7 "2024-05-23T08:36:39Z")

</div>

Yes, that is correct. Is that possible?

---

<div class="post-metadata">

**Author:** ![Ferris](https://avatars.discourse-cdn.com/v4/letter/f/53a042/32.png) [@Ferris](https://forums.realmacsoftware.com/u/Ferris)\
**Post date:** [May 23, 2024, 8:37am UTC](https://forums.realmacsoftware.com/t/wrapping-text-around-picture/43321/8 "2024-05-23T08:37:20Z")

</div>

Thanks. I’ll give this a go

---

<div class="post-metadata">

**Author:** ![willwood](https://avatars.discourse-cdn.com/v4/letter/w/bc8723/32.png) [@willwood](https://forums.realmacsoftware.com/u/willwood)\
**Post date:** [May 23, 2024, 10:05am UTC](https://forums.realmacsoftware.com/t/wrapping-text-around-picture/43321/9 "2024-05-23T10:05:35Z")

</div>

My CutOut stack is the best addon for doing this:

> **[CutOut stack for RapidWeaver](https://stacks4stacks.com/cutout/index.php)**
>
> CutOut is a fun stack that lets you apply intricate text wrapping shapes around left or right floating images. The effect uses pure CSS

In the current version listed on the website you can set the shape to polygon and enter the pixel coordinates you want the text to follow.

However I have an unreleased version that lets you add the same PNG image a second time. The text will follow the alpha transparency edge of that PNG image, which will give you something like this:

 ![Screenshot 2024-05-23 at 10.56.39](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/b/e/be35bdcc72e6b678a82e1ce2bf4a91bc2eb9a0ea.jpeg)

The amount of white space you have around the image would ultimately govern how close the text goes to the image.

Between the two methods, using a second image as the shape path is definitely quicker and easier to setup. I did the above in about a minute.

---

<div class="post-metadata">

**Author:** ![Ferris](https://avatars.discourse-cdn.com/v4/letter/f/53a042/32.png) [@Ferris](https://forums.realmacsoftware.com/u/Ferris)\
**Post date:** [May 24, 2024, 6:56am UTC](https://forums.realmacsoftware.com/t/wrapping-text-around-picture/43321/10 "2024-05-24T06:56:48Z")

</div>

That looks very nice. When will that be released?

---

<div class="post-metadata">

**Author:** ![Ferris](https://avatars.discourse-cdn.com/v4/letter/f/53a042/32.png) [@Ferris](https://forums.realmacsoftware.com/u/Ferris)\
**Post date:** [May 24, 2024, 7:21am UTC](https://forums.realmacsoftware.com/t/wrapping-text-around-picture/43321/11 "2024-05-24T07:21:11Z")

</div>

Also, I’ve tried with the cutout stack and the polygon setting, but I can’t seem to figure out how the coordinates work.
