adjusting Z-index of page content & columns (widgets)

• 

  gotmaester · Member · Sep 4, 2017 at 5:47 pm

  • Copy link
  • Add topic to favorites

  please look at

  https://game-of-thrones-episodes.com/2017/07/24/varys-questioned-by-daenerys/

  I have created a FOLLOW THIS STORY ARC on the right column, but left the widget blank, and then created a <div> container on the post page to move text into that area. With about 1600 scenes, I don’t think want to be creating unique widgets.

  PROBLEM: I am having diffulty adusting The Z-indexs to get the links working in the <div> on the post page. The right column is on top of it. Is there a way to adjust this?

  The blog I need help with is: (visible only to logged in users)

• 

  gotmaester · Member · Sep 4, 2017 at 9:53 pm

  • Copy link

  Here is what I ended up doing (which seems to work). Let me know if you see any compatibility issues. Thx.

  .column-last, .column-double.column-right .column-content {
  margin-right: 0;
  z-index: -1;
  }

  body {
  font-size: 14px;
  background-color: #fff;
  }

  #wrap {
  background-color: transparent;
  }

• 

  gotmaester · Member · Sep 5, 2017 at 1:47 am

  • Copy link

  After all that work, I didn’t like the way it looked on the page (even though it worked! So I have abandoned the idea.