Banner Never Fits


Trying to set up a banner for the OP I'm making. But no matter what size I make the thing, the edges are always cut off. Halp?


  • HumAnnoyd
    Posts: 291

    For best results, the banner image should be 994px wide x 199px high.

    November 2012 CotM:  Dresden Files RPG: The Emerald City

    June 2016 CotM:  Star Wars: Rise of the Infinite Empire

    June 2020 CotM & 2020 CotY:  Mass Effect Accelerated

    Current Campaigns:  Dresden Files Accelerated:  Emerald City-Requiem  & Cyberpunk Red: Night City

  • cgregory
    Posts: 779 edited July 2018

    The actual banner size is can vary depending on what your max width is set to but it use the ratio of 4.99px wide x 1px high that HumAnnoyd mentioned by default.

    If you use a different sized banner then you need to modify your CSS to accommodate it.

    For example in my Fangs of War campaign the banner is wider than the suggested size so I contain it and add a padding.

    .cover-container {

        background-size: contain;

        background-repeat: no-repeat;


    #banner-container .campaign-banner-image {
    padding-bottom: 10%;

    by default the banner css is set to

    .cover-container {

        background-position: center center;

        background-size: cover;


    Post edited by cgregory on

    They are among us!


                       XCom: Defiance - Campaign of the Month November 2016



Sign In or Register to comment.

November 2022
Curse of the Crimson Throne

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!