Feral Heart

Help & Guidance => Site/Forum Help => Topic started by: lihua on November 16, 2019, 11:26:15 am

Title: centering text ruins coding
Post by: lihua on November 16, 2019, 11:26:15 am

Whenever I try centering all the text on my topic it'll do this .. This is from my topic from the screenshots board
(https://i.imgur.com/CMQfTkQ.png)

Title: Re: centering text ruins coding
Post by: FlyingGrass on November 16, 2019, 01:33:54 pm

Try this code to alter the size of the text:

Code: [Select]

[size=80pt]Portion of text to be resized.[/size]Upon placing it within the "Center" code, it should work.

Just a heads up in case you're not looking to make the text bigger, 80pt results in this size:

Portion of text to be resized.

The default size for text in a topic is 10pt. 1pt is the smallest. 99pt is the largest. 8pt is where the text begins to look smaller, 9pt appears to look almost exactly the same size as 10pt.

Title: Re: centering text ruins coding
Post by: lihua on November 16, 2019, 01:52:03 pm

Quote from: FlyingGrass on November 16, 2019, 01:33:54 pm

Try this code to alter the size of the text:

Code: [Select]

[size=80pt]Portion of text to be resized.[/size]
Upon placing it within the "Center" code, it should work.

This doesn't seem to work.. I'll finish everything like sizing and the color, it's all going good but whenever I try centering and occasionally when I post/preview it takes me to a Cloudfare security check. Then everything just breaks.

Title: Re: centering text ruins coding
Post by: Kerriki on November 16, 2019, 05:41:16 pm

Can you post the portion of your code that's breaking in the [ code] [ /code] format?

Title: Re: centering text ruins coding
Post by: lihua on November 18, 2019, 06:22:18 am

Quote from: Kerriki on November 16, 2019, 05:41:16 pm

Can you post the portion of your code that's breaking in the [ code] [ /code] format?

I'm just using the sites font face/font size/change color, I'm not typing it out manually.

Code: [Select]

Hello!(✿◠‿◠)






( ･_･)♡ 2019 >‿‿◕
[spoiler=]Coming soon. . .[/spoiler]




When I try centering it, this is what comes up (when all I've done is colored the text and spoiler tag it)


[size=80%]Hello!(✿◠‿◠)[/size]











[size=80%]( ･_･)♡[/size]2019>‿‿◕

Title: Re: centering text ruins coding
Post by: FlyingGrass on November 18, 2019, 07:20:23 am

There isn't supposed to be a percent symbol, just the letters "pt" at the end of the size number.

Title: Re: centering text ruins coding
Post by: lihua on November 18, 2019, 07:26:25 am

Quote from: FlyingGrass on November 18, 2019, 07:20:23 am

There isn't supposed to be a percent symbol, just the letters "pt" at the end of the size number.

I'm not typing it, it just comes up when I center it.

Title: Re: centering text ruins coding
Post by: wolfsquad on November 20, 2019, 09:57:05 pm

Are you looking for this?

Hello! (✿◠‿◠)

( ･_･)♡ 2019 >‿‿◕

Coming soon. . .

If it is, here's the code I used:

Code: [Select]

[center][color=pink]Hello! [size=20px](✿◠‿◠)[/size][/color]

[size=20px][color=red]( ･_･)♡[/color] [color=yellow]2019[/color] [color=blue]>‿‿◕[/color][/size]
[spoiler=][color=pink][size=20px]Coming soon. . .[/size][/color][/spoiler][/center]

Title: Re: centering text ruins coding
Post by: lihua on November 23, 2019, 04:44:38 am

I tried this, but it came out like this when I put in the code and posted/updated it


(https://i.imgur.com/kXYdYe0.png)

Title: Re: centering text ruins coding
Post by: wolfsquad on November 23, 2019, 01:48:21 pm

I see a font tag so I assume you tried to change the text font? I can add that into the code and you can just highlight the font and change it to a different one (I put in Verdana), like with the size (I chose 20px). I also see a size font on the "Hello!" so I can add to that, too.
Note that it does matter where you place the tags, you can look at that more carefully in the code.

Hello! (✿◠‿◠)

( ･_･)♡ 2019 >‿‿◕

Coming soon. . .

Code: [Select]

[center][font=Verdana][color=pink][size=20px]Hello! (✿◠‿◠)[/size][/color][/font]

[font=Verdana][size=20px][color=red]( ･_･)♡[/color] [color=yellow]2019[/color] [color=blue]>‿‿◕[/color][/size][/font]
[spoiler=][font=Verdana][color=pink][size=20px]Coming soon. . .[/size][/color][/font][/spoiler][/center]

Title: Re: centering text ruins coding
Post by: lihua on November 25, 2019, 10:16:43 am

Quote from: mutedpianist on November 23, 2019, 01:48:21 pm

I see a font tag so I assume you tried to change the text font? I can add that into the code and you can just highlight the font and change it to a different one (I put in Verdana), like with the size (I chose 20px). I also see a size font on the "Hello!" so I can add to that, too.
Note that it does matter where you place the tags, you can look at that more carefully in the code.

I didn't change anything- it just comes out like that when I post it.