Z-Index of #sidebar

Bortas
Bortas

Hey gang, I'm trying to adjust the z-index of the campaign's sidebar. You can see an example of my issue, by mousing over the scrap of parchment on the front page (desktop screen only).

TIA,

-bort

Comments

  • Johnprime
    Johnprime
    Posts: 252

    Hey Bort,

    Wow, I don't know what to tell you about that! I tried setting the z-index of the sidebar div to 9999 and the z-index of the parchment blockquote to 1, but that didn't work. Though the following thought just occured to me, would you be able to either change the tag containing the parchment to a div and then set it's z-index attribute? That or wrap it in a div? Don't remember if z-index works on blockquotes.

    Johnprime

    Deadwood Deacon Banner

    Where the west is really wild!

    The Valley of Life Banner

    The Valley of Life

  • Bortas
    Bortas
    Posts: 645

    Well the problem actually isn't on the blockquote side, its on the sidebar side.

    It can't be controlled by the z-index tag, and I can't figure out why. There are several things that can "grow", that still end up under the sidebar, regardless of the z-index I apply to both the grown object and the sidebar.

    -bort

  • Johnprime
    Johnprime
    Posts: 252

    Wonder if OP has some code that is disabling the z-index for the sidebar?

    Johnprime

    Deadwood Deacon Banner

    Where the west is really wild!

    The Valley of Life Banner

    The Valley of Life

  • Bortas
    Bortas
    Posts: 645

    I'm sure they don't, my understanding of how to make z-index work correctly is essentially non-existant.

    Besides, I've seen it done on other campaigns, I just can't remember which or I would go look at the code again!

    -bort

  • Johnprime
    Johnprime
    Posts: 252

    Sorry about that Bort,

    I'll keep an eye out and if I see anything I'll be sure to let you know.

    Johnprime

    Deadwood Deacon Banner

    Where the west is really wild!

    The Valley of Life Banner

    The Valley of Life

  • Bortas
    Bortas
    Posts: 645

    Thanks man! I've been opening campaigns from the 'all campaigns' page, I may eventually get lucky ;-)

    -bort

  • cgregory
    cgregory
    Posts: 780

    I am assuming that you want this

    image

    followed by this when you hover?

    image

    If that is the case I simply changed the z index of .sidebar-party-members .game-master:hover to 5

    They are among us!

    image

                       XCom: Defiance - Campaign of the Month November 2016

     

     

  • Bortas
    Bortas
    Posts: 645

    No sir, that's deliberate (trying hard to make the site not look blocky and square).

    image

    Rather here so that expansion boxes I'm working on are above the sidebar.

  • cgregory
    cgregory
    Posts: 780

    The issue is you are trying to change the z-index of the blockquote. But that only changes it's position in respect to other elements on the main-content-container, but the main content containers z index is not changed with respect the the sidebar. So what you really want to do is modify the z-index of the main-content-container.

     

    .campaign-public-layout .main-content-container {

        opacity: 0;

        transform: scale(0);

        transform-origin: top;

        filter: blur(7px) sepia(100%);

        animation: flyin .7s ease forwards;

            animation-delay: 0s;

        animation-delay: .25s;

        z-index: 3;

    }

     

     

    They are among us!

    image

                       XCom: Defiance - Campaign of the Month November 2016

     

     

  • Johnprime
    Johnprime
    Posts: 252

    Aiieee! Glad you thought of that cgregory! That didn't even occur to me!

    Johnprime

    Deadwood Deacon Banner

    Where the west is really wild!

    The Valley of Life Banner

    The Valley of Life

  • Bortas
    Bortas
    Posts: 645

    Oh you beautiful bastard! I'd been in and out of the bq and sidebar, and not gotten anywhere. Like John said, I'd never have thought to mess with z-index on main-content.

    THANK YOU!

    -bort

  • twiggyleaf
    twiggyleaf
    Posts: 2,006

    Once again, cgregory earns the respect and appreciation of the community!  

    yes

    "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