Hello,

I'm having some issues getting my galleries to display the correct number of columns on The Amazing World of Gumball Wiki.

On one of my personal user blogs, I have this section of code that produces this:

Here is a link to that section in case its functionality matters, but the most important thing here is that the gallery has three columns, making for something aesthetically pleasing.

I want to have a similar section in a future user blog that I am working on in which the only difference is that there are more images within the gallery. What I planned to do was to copy that snippet of code from the first user blog, paste it into the new blog, and then added the extra images I needed. The issue is that for whatever reason, the gallery refuses to display more than one column, and it produces something like this in the preview (I've yet to publish it):

I've tried everything I could to get it to display the way I wanted to, but it seems stuck like this. For reference's sake, here is what the code looks like:

<div style= "webkit-border-radius:10px; border-radius:10px;"><center><tabber>

|-|The Series Highs=

{|style="padding: 8px; margin-bottom:4px; border: 2px solid black; width: 100%; border-radius:10px; border-color: white"

|
[[File:FontTrueHighs.png|x25px|center]]

<gallery position="center" columns="3" navigation="true">
Job Clay.png|<center>[[The Job]]</center>|link= The Job
TheRemoteSeason2.png|<center>[[The Remote]]</center>|link= The Remote
Pony DVD.png|<center>[[The Pony]]</center>|link= The Pony
Helmet.png|<center>[[The Helmet]]</center>|link= The Helmet
Sweaters Ending.png|<center>[[The Sweaters]]</center>|link= The Sweaters
ThePlanSeasonTwo.png|<center>[[The Plan]]</center>|link= The Plan
Storm Storm.png|<center>[[The Storm]]</center>|link= The Storm
Flakers Rex.png|<center>[[The Flakers]]</center>|link= The Flakers
Treasure Family.png|<center>[[The Treasure]]</center>|link= The Treasure
Tapeleaker4.png|<center>[[The Tape]]</center>|link= The Tape
TheFinaleSeason2.png|<center>[[The Finale]]</center>|link= The Finale
TheQuestSeason1.png|<center>[[The Quest]]</center>|link= The Quest
Colossus Giant.png|<center>[[The Colossus]]</center>|link= The Colossus
ThePaintingSeason1.png|<center>[[The Painting]]</center>|link= The Painting
</gallery>

|}

|-|The Series Lows=

{|style="padding: 8px; margin-bottom:4px; border: 2px solid black; width: 100%; border-radius:10px; border-color: black"

|

[[File:FontTrueLows.png|x25px|center]]

<gallery position="center" columns="3" navigation="true">
ThePicnicSeason1.png|<center>[[The Picnic]]</center>|link= The Picnic
TheGeniusSeason1.png|<center>[[The Genius]]</center>|link= The Genius
TheLaziestSeason1.png|<center>[[The Laziest]]</center>|link= The Laziest
TheHeroSeason2.png|<center>[[The Hero]]</center>|link= The Hero
Dreamthe3.png|<center>[[The Dream]]</center>|link= The Dream
TheRobotSeason1.png|<center>[[The Robot]]</center>|link= The Robot
</gallery>

|}

</tabber></center></div>

I suspect this is related to the migration the wiki underwent, as this is the first time I'm extensively working with the new editor since the migration. Regardless, this is still frustrating, especially since it seems as if any gallery made before the wiki's migration is still perfectly intact with its formatting. Is the <gallery> tab just broken, are there new parameters that I'm not using, or is there a new way entirely to create the design I want?

Thank you in advance.

Best regards,

ThatGuy456

A Guy's Thoughts: Gumball Reflection - Season 1: Episode RankingsThe Amazing World of Gumball Wiki

The Amazing World of Gumball Wiki@getfandom

I have a older wiki here: https://drednotio.fandom.com/

Drednot.io Wiki@getfandom

I was wondering if it's possible to update the wiki to the newer UCP version.

Is it ok to style or change some of the CSS of this element. Pretty much the background color:

The background for the element in the RED border.

Link: https://drednotio.fandom.com/f/p/4400000000000013298

Shield/Wrench Bombing | FandomWhat is it? What does it do?drednotio.fandom.com

Created this template:

Official PolicyBalanCity Wiki

It supposed to show a classic top-right aligned icon, but I can't see it.

After I go to my edit window to try to fix whatever was going on, I can see the icon and the text for awhile at the position of the "Edit" button, then I realized.

That icon is overlaid with the button!

How I am supposed to make the icon not being overlaid by the button?

Thanks