Help Help resizing an image that just… won’t

[BloopNoodle]

I have this simple code that I made myself (got some previous help on the circle) but the gold divider isn’t doing what I want it to do? I want it to fully separate Lisan’s name and the actual text, but no matter how I tweak it, it just won’t budge. So this is how it ends up looking. Literally desperate for any and all help.

✧⋄⋆⋄✧⋄⋆⋄Lisan Al Shuda⋄⋆⋄✧⋄⋆⋄✧

​

A desperate voice calls out from behind them, feet hitting the ground in a solid rhythm as a young elf is running towards them.

“Wait! Hold on a second-“ The girl reaches them quickly, before keeling over with her hands on her knees. She takes a few gasping breaths, white hair falling over her shoulders as she catches her breath. Fast as a flash, she whips her head back up, a piece of paper in her hand. “This is you guys, right?“ In her hands is one of the flyers Torin had sent out, a torn hole it top of it from her ripping it off the board. Her skin is dark, and her eyes sparkle with something that indicates a bright personality. Her pointed ears have a few piercings, while wrapped around her right hand is a set of clay prayer beads. She stands straight as the group looks at her, trying to gauge who is the person who actually put out the request and failing.


Heres the code

[imageFloat=right][border=transparent; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; margin: auto; max-width: 900px; --border-radius: 900%; --i-size: 375px; --url: url('https://i.imgur.com/7BEyz9Y.jpeg'); /* Image URL * [comment] [border=transparent; position: relative; width: var(--i-size); height: var(--i-size); border-radius: var(--border-radius); padding: 0px; background-image: var(--url); background-size: cover; background-position: top center; filter: var(--filter);][/border][/border][/imageFloat] [font=Beau Rivage]✧⋄⋆⋄✧⋄⋆⋄[SIZE=36px]Lisan Al Shuda[/SIZE][SIZE=4]⋄⋆⋄✧⋄⋆⋄✧[/SIZE][/font] [CENTER][Imagefloat=left][IMG]https://i.imgur.com/mSYdzFC.png[/IMG][/imagefloat] [/CENTER] A desperate voice calls out from behind them, feet hitting the ground in a solid rhythm as a young elf is running towards them. [COLOR=rgb(85, 51, 115)][B]“Wait! Hold on a second-“[/B][/COLOR] The girl reaches them quickly, before keeling over with her hands on her knees. She takes a few gasping breaths, white hair falling over her shoulders as she catches her breath. Fast as a flash, she whips her head back up, a piece of paper in her hand. [COLOR=rgb(85, 51, 115)][B]“This is you guys, right?“[/B] [/COLOR]In her hands is one of the flyers Torin had sent out, a torn hole it top of it from her ripping it off the board. Her skin is dark, and her eyes sparkle with something that indicates a bright personality. Her pointed ears have a few piercings, while wrapped around her right hand is a set of clay prayer beads. She stands straight as the group looks at her, trying to gauge who is the person who actually put out the request and failing.

 

[CHUUYAS_HAT]

I'm prettttyyy sure you could just press enter on the text area until it's fully divided, unless you wanted the gold bar to stretch across the whole page<



>I got that...if you wanted something like that I could send it but it's easy to do it yourself too...

 

[BloopNoodle]

It’s not working for some reason on my end, but I’ll try it again. I’d rather the gold stretch across the page though, to be honest. I’m not supper affluent in coding

 

[Idea]

To be clear do you want the golden thing next to or over the image on the right?

 

[CloudySkyLoftyMoon]

It’s not working for some reason on my end, but I’ll try it again. I’d rather the gold stretch across the page though, to be honest. I’m not supper affluent in coding

Hiya, if the gold stretches across the page then where do you plan to put the character image? Do you want the image to be above or below the gold? Or do you want them to overlap?

 

[BloopNoodle]

To be clear do you want the golden thing next to or over the image on the right?

Next too.

Hiya, if the gold stretches across the page then where do you plan to put the character image? Do you want the image to be above or below the gold? Or do you want them to overlap?

I want it to stretch across until it hits the image box. Then stop. The image would still float to the left

 

[CloudySkyLoftyMoon]

There's a bit more adjustment we can do for this, but how's this so far?

✧⋄⋆⋄✧⋄⋆⋄Lisan Al Shuda⋄⋆⋄✧⋄⋆⋄✧

A desperate voice calls out from behind them, feet hitting the ground in a solid rhythm as a young elf is running towards them.

“Wait! Hold on a second-“ The girl reaches them quickly, before keeling over with her hands on her knees. She takes a few gasping breaths, white hair falling over her shoulders as she catches her breath. Fast as a flash, she whips her head back up, a piece of paper in her hand. “This is you guys, right?“ In her hands is one of the flyers Torin had sent out, a torn hole it top of it from her ripping it off the board. Her skin is dark, and her eyes sparkle with something that indicates a bright personality. Her pointed ears have a few piercings, while wrapped around her right hand is a set of clay prayer beads. She stands straight as the group looks at her, trying to gauge who is the person who actually put out the request and failing.

[border=transparent;

display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
margin: auto;
max-width: 900px;

--border-radius: 900%;
/* Comment: Adjust the percentage to increase/decrease the size of the gold bar */
--gold-size: calc(100% - var(--i-size));

--i-size: 375px;
--url: url('https://i.imgur.com/7BEyz9Y.jpeg'); /* Image URL */]
[border=transparent; align-self: flex-start; width: var(--gold-size); margin: auto;][CENTER][font=Beau Rivage]✧⋄⋆⋄✧⋄⋆⋄[SIZE=36px]Lisan Al Shuda[/SIZE][SIZE=4]⋄⋆⋄✧⋄⋆⋄✧[/SIZE][/font]
[IMG]https://i.imgur.com/mSYdzFC.png[/IMG][/CENTER][/border]
[border=transparent;
width: var(--i-size);
height: var(--i-size);
border-radius: var(--border-radius);
padding: 0px;
background-image: var(--url);
background-size: cover;
background-position: top center;
align-self: flex-end;][/border]
[/border]


A desperate voice calls out from behind them, feet hitting the ground in a solid rhythm as a young elf is running towards them.
 
[COLOR=rgb(85, 51, 115)][B]“Wait! Hold on a second-“[/B][/COLOR] The girl reaches them quickly, before keeling over with her hands on her knees. She takes a few gasping breaths, white hair falling over her shoulders as she catches her breath. Fast as a flash, she whips her head back up, a piece of paper in her hand. [COLOR=rgb(85, 51, 115)][B]“This is you guys, right?“[/B] [/COLOR]In her hands is one of the flyers Torin had sent out, a torn hole it top of it from her ripping it off the board. Her skin is dark, and her eyes sparkle with something that indicates a bright personality. Her pointed ears have a few piercings, while wrapped around her right hand is a set of clay prayer beads. She stands straight as the group looks at her, trying to gauge who is the person who actually put out the request and failing.