info box help

[night tapir]

For some reason my infoboxes look like this, instead of… I guess how they do normally? I’m not sure why

idk how to explain it

[silver chasm]

what method are you using

[night tapir]

Wdym?

[silver chasm]

What templates / css

[night tapir]

Are you using PortableInfobox?

[night tapir]

I just imported the wiki template
How would I check

[night tapir]

How do I check

[silver chasm]

What template

[night tapir]

You would know if you enabled it

[night tapir]

What is "the wiki template"?

Do you mean Wikipedia?

Also, can you send a link to your wiki please?

[night tapir]

I imported infoboxes or templates from Wikipedia yeah

[night tapir]

https://cwowiki.miraheze.org/wiki/Main_Page

[silver chasm]

thats your first mistake

[night tapir]

How could I fix it?

All of the infoboxes have like depth to them and are green it’s weird

Importing from Wikipedia is not a good idea

I will try to help you with the infoboxes, can you send a link to a page where the issue is occurring?

[night tapir]

Hi sorry

Basically it’s all of the pages
I only have I think 7

Okay

I'll check it out

Could you describe what you want the infoboxes to look like? Personally I believe it'd be easier and look better if you went to "manage this wiki's extensions" and enabled PortableInfobox and used their infobox builder but you don't have to if you don't want to

[night tapir]

I just want it to look like Wikipedia’s
I have another wiki and things look normal there, idk why they don’t here

Alr

I'll work on that

The CSS in https://cwowiki.miraheze.org/wiki/MediaWiki:Common.css is what is changing the appearance of the infoboxes

If you created the CSS then you should change it to be the styles you want it to be

[night tapir]

What would I change it to?

That depends on what you want it to look like

I don't really know what you want so it's hard for me to help you

Just like the way infoboxes look ok Wikipedia

Alright give me a secnod

I can do this it'll just take a bit

Please remove this from https://cwowiki.miraheze.org/wiki/MediaWiki:Common.css:

.infobox {
    border: 1px solid #a2a9b1;
    border-spacing: 3px;
    background-color: #ecfcf4;
    color: black;
    /* @noflip */
    box-shadow: 2px 2px 4px #A0A080; 
    border-radius: 0px 0px 16px 16px;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    /* @noflip */
    float: right;
    /* @noflip */
    clear: right;
    font-size: 88%;
    line-height: 1.5em;
    width: 22em;
}

.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox th,
.infobox td {
    vertical-align: top;
}

.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox th,
.infobox td {
    /* @noflip */
    text-align: left;
}
/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox caption {
    font-size: 125%;
    font-weight: bold;
    text-align: center;
}

.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox caption {
    border-radius: 16px 16px 0px 0px; 
    background:#ccccff;
    padding: 0.2em;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
    text-align: center;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
    /* @noflip */
    text-align: right;
}

I'm going to add it to https://cwowiki.miraheze.org/wiki/Module:Infobox/styles.css so that it can be worked on easier there

ok thank you

[night tapir]

remove that code?

[night tapir]

yes

ok ok

do i need to replace it with the wikipedia one?

Cuz if i do it says "Invalid media query at line 52 character 8."

?

no dont replace it with anything

just remove it

oh ok

now they're just pending review
thank u

you edited the wrong page

ok let me reexplain

click this link
https://cwowiki.miraheze.org/wiki/MediaWiki:Common.css?action=edit
press ctrl and a at the same time
press backspace
then add the following text into the text field:

.floatright {
    margin: 0 0 0.5em 0.5em;
    clear: right;
    float: right;
}

.floatleft {
    margin: 0 0.5em 0.5em 0;
    float: left;
    clear: left;
}

press "save changes"
do not add anything else to the page

[night tapir]

Okay

Ok I'll work on fixing the infoboxes

@night tapir changes are pending review so please approve them, if you approve them I believe the infobox should look something like this which should be mostly the same as Wikipedia

[night tapir]

Yes they do now, thank you very much