FANDOM


  • Hi! FANDOM University helped me with infobox CSS, and so I was wondering how you get a rounded header for an infobox. For example, on the Loud House Encyclopedia, they heave rounded edges for the title and the infobox itself.

      Loading editor
    • If you say an example, you should link an example.

      To get rounded edges, it would be with border-radius: <size>px.

      Could you provide a link to this infobox you're trying to have rounded edges?

        Loading editor
    • Screen_Shot_2017-11-24_at_2.45.19_PM.png

        Loading editor
    • It also helps to link to the example you are looking at.

      As Annabeth and Percy said, you should use the CSS property "border-radius". Based on their site CSS, placing the following in your site CSS should do the trick. You can adjust the value as you like.

      .portable-infobox {
          border-radius: 8px;
      }
        Loading editor
    • Thx! The image i uploaded was actually the infobox from the wiki i needed the rounded header and thank you because i might've kinda got it wrong so i changed it and now its right

        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