Removing custom banner image line

LIAM_BOHEMIAN
LIAM_BOHEMIAN

Hi there, apologies if this is in the wrong place.

I am wondering if someone can help me with removing the coloured line that persists on the top of the custom banner image.

I have already managed to remove the dragon by using:

.campaign-title,.flame-dragon{

display:none!important;

}

and I am sure there is a similar way of removing the line.

Thank you!

Comments

  • thaen
    thaen
    Posts: 1,064

    Welcome LIAM!

    I think you want this:

    .campaign-title, .campaign-public-layout .flame-dragon {

      display: none;

    }

    #banner-container .highlight-container {

      display: none;

    }

     

    If you add ".campaign-public-layout" before the ".flame-dragon", then that will remove the need for the "!important".  The browser applies the more specific CSS.  Here's a quick explanation of how it works that I refer back to when I forget:

    https://www.w3schools.com/css/css_specificity.asp

    But feel free to ask questions here any time.  We're always happy to help.

     

    Obsidian Portal Developer

  • LIAM_BOHEMIAN
    LIAM_BOHEMIAN
    Posts: 2

    Exactly what I was looking for, thank you very much!

  • thaen
    thaen
    Posts: 1,064

    Happy to!

    Obsidian Portal Developer

  • twiggyleaf
    twiggyleaf
    Posts: 2,006

    smiley

    "I met a traveller from an antique land....."

    CotM May 2016: Mysteria: set in Wolfgang Baur’s MIDGARD.

    Previous CotM Aug 2012: Shimring: High Level Multiplanar Campaign

    Inner Council Member

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