centering text ruins coding

[lihua]

Whenever I try centering all the text on my topic it'll do this .. This is from my topic from the screenshots board

[FlyingGrass]

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.

[lihua]

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.

[Kerriki]

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

[lihua]

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>‿‿◕

[FlyingGrass]

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

[lihua]

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.

[wolfsquad]

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]

[lihua]

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

[wolfsquad]

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]