FANDOM


  • Hi, I just wanted to come on here for some help on how to resize the image in an infobox.

    Here are images of what I've been trying to do:

    1221Adira
    09
    I may have not been using the code correctly or maybe it's an old style that isn't used anymore.






    If there is a new coding to this, I would probably need to use it.

      Loading editor
    • Please provide links not screenshots. How you change the image size would depending on whether or not you are using a portable infobox or a classic infobox. This is something that cannot be determined from the images you posted.

        Loading editor
    • I'll remember to use links not screenshots, I didn't know that screenshots weren't allowed.

      I have another question, is this infobox a portable or a classic infobox?

        Loading editor
    • Screenshots are allowed; it is just they aren't anywhere near as useful as access to the page itself. For example, you just asked me to check if this is a portable infobox or not. I can't do that with the images you provided. However, I could do it if I had access to the page itself.

        Loading editor
    • This page is from this wiki

      I do know how to use tabber codes, but our pages we like to have a certain size, not too big or too small, I tried resizing the transparent image in a program, but the image remains the same when you uploaded to the wiki

      There's also a few pages on here that may also have that problem, I could list them if you want, there isn't too many that have that problem.

      This time i'm going to send links, because you could do it if you had access, you can click the link here

        Loading editor
    • Okay. Thanks for the links. They help a lot.

      The infobox is indeed a portable infobox. From your screenshot, it looks like you are trying to use code from an older infobox that was not a portable infobox. In short, your hypothesis regarding the style of your attempted change is correct.

      With portable infoboxes, you cannot set the width of the image via the infobox input. Instead, you have to use site CSS. What is it you are trying to do about the size?

      I am not sure how your comment on tabber is related. Could you explain? Was it just to provide context or are you having an issue with tabber as well?

        Loading editor
    • I don't have issues with doing tabber codes, but, All I'm pretty much doing is trying to use the code to just resize the image in the infobox.

        Loading editor
    • Well, like I said, resizing images in portable infoboxes has to be done using site CSS. The infobox should restrict the width of the image to the default with of the infobox. Are you trying to make it even less wide than that? I am just trying to understand what you are trying to achieve by controlling the size. What you are trying to do will determine what CSS you use.

        Loading editor
    • I chatted with a user I know on this wiki earlier today, he said that he knows a wiki I think he said "Big Idea Wiki." He said that when I uploaded a transparent image of that page on our wiki, he said that the wiki he also contributes too uses those types of infoboxes, and he tried copying me the source what they use, and It didn't really work so I thought to come on here for help, they use that for tabber codes with the image sizing. I am just wanting to use it for the image in the infobox to be viewed resized.

        Loading editor
    • So, are you just giving me background information or are you trying to say that someone else has found the solution to your issue? If you still need help with this, then my previous question still stands. What is it you are trying to do by resizing the image? Are you trying to fix it to a specific width, a specific height, or both? Are you just trying to makes sure it doesn't get too big or are you trying to make sure it doesn't get too small?

        Loading editor
    • He didn't really found the situation, so far, he just tried to explain to what he knows so far about the coding. The image I am wanting to do is expand it's height.

        Loading editor
    • Okay, so you want to make the image taller. How much taller? Are you okay with stretching the image? If not, you are either going to have to uploaded a cropped version or make it wider as well. While you could make it wider, I wouldn't suggest that. The image is currently as wide as it can be without chanign the size of the infobox. While you could do that, it would sort of ruin the overall aesthetic of the infobox.

        Loading editor
    • Probably around 275px. And yes Id be fine if the image is stretched. 

      Here are list of pages besides that, that have that problem

      [1]


      [2]

        Loading editor
    • In that case, just add this CSS to the wiki's CSS.

      .portable-infobox .pi-image img {
          min-height: 275px;
      }

      This will force all infobox images to stretch until they have a height of 275px. If the image already has a height of 275px or larger, the image will be left unaltered.

        Loading editor
    • Does that mean the image could disappear?

        Loading editor
    • Huh? What do you mean?

        Loading editor
    • Like when you said "the image would be left unaltered." ?

        Loading editor
    • Oh. The CSS will not impact images that are already 275px or more in height. So no, they won't disappear.


      Edit:

      think of it this way. The CSS I gave you is telling the page to make sure every image in the infobox is at least 275px tall. If the page finds an image that is already that tall (or taller), then no change is needed. If the page finds an image that is not that tall, then the image is stretched.

        Loading editor
    • Ok, I see where it's going. :)

        Loading editor
    • A FANDOM user
        Loading editor
Give Kudos to this message
You've given this message Kudos!
See who gave Kudos to this message
Community content is available under CC-BY-SA unless otherwise noted.