Banner Never Fits

ccollins1995
ccollins1995

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?


Comments

  • HumAnnoyd
    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
    cgregory
    Posts: 777 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!

    image

                       XCom: Defiance - Campaign of the Month November 2016

     

     

Sign In or Register to comment.

January 2022
Lakes of Blood and Ash

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