Limit Character Portrait Size on Character Sheets

TonyPullen
TonyPullen
edited March 2014 in Campaign Portal Building
Does anyone know how to limit the size of a Character Portrait when it appears on a Character Sheet? I have some players who have loaded large portraits of their character and it's ruining the display of their character sheet.
Can this be done? In CSS?

TIA

Comments

  • Thorvaldr
    Thorvaldr
    Posts: 141
    Should be possible! Mess with the following:

    bc. #sidebar .character-avatar .frame {width:100%;}

    Change width or height to suit your needs. Oooh... or possibly use "max-width: ___px; max-height: ____px;". That'll give you upper limits for what the character portrait can do. So yeah, try this:

    bc. #sidebar .character-avatar .frame {max-width: ___px; max-height: ____px;}

    ...although your width is already going to be capped by the width of that sidebar, so it's possible you only need to care about height... You can make those values % or px. px (pixels) will give you more control over it. Hopefully this works!

    -Thorvaldr
    DM of "Tyellador":https://tyellador.obsidianportal.com/
  • TonyPullen
    TonyPullen
    Posts: 14
    Hi Thorvalr,

    Before I try this - I take it this is just for the sidebar?

    If so, I'm actually looking to limit the portrait size on the character sheet itself and not in "Characters" or on the sidebar ...

    --
  • Thorvaldr
    Thorvaldr
    Posts: 141 edited March 2014
    I assume you're talking about the actual individual character page? Like this: "https://tyellador.obsidianportal.com/characters/who?":https://tyellador.obsidianportal.com/characters/who And you want to limit the size of the character portrait which is usually to the top-right? (Mine happens to be a bit to the left from usual.) So if in the example I linked you to, you're trying to limit the size of the owl, then the code I posted earlier should work.

    Or are you looking to change the page that lists all the characters? Or am I completely missing everything? :P If I've misinterpreted, can you send me a link to what you're trying to work on?

    -Thorvaldr
    DM of "Tyellador":https://tyellador.obsidianportal.com/

    edited because why didn't I hyperlink?
    Post edited by Thorvaldr on
  • TonyPullen
    TonyPullen
    Posts: 14
    Oooh. That looks useful. I'll give it a try!

    Thanks.
  • TonyPullen
    TonyPullen
    Posts: 14
    I put the code in my site custom CSS with custom width and height settings.

    But nothing seemed to happen.

    This is my problem:
    https://www.dropbox.com/s/p965bs6herwc49y/charportissues_ObsidianPortal.png
  • Thorvaldr
    Thorvaldr
    Posts: 141
    Ohhhhh! You're using fancy template things! I don't know anything about fancy template things. :P We'll need somebody that's used templates to chime in here.

    -Thorvaldr
    DM of "Tyellador":https://tyellador.obsidianportal.com/
  • ChainsawXIV
    ChainsawXIV
    Posts: 530
    Is that a dynamic character sheet (and if so, for what system), or is that an HTML template your players are copy-pasting into their character's description? Either way, the answer will be similar to what Thorvaldr suggested up above, it'll just have to target the right element on the page. If you can link me to a live example, I can set you up.
Sign In or Register to comment.

March 2024
Wrath of the Highborn

Read the feature post on the blog
Return to Obsidian Portal

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Discussions