move body of static page up to eliminate white space

• 

  gotmaester · Member · Jul 17, 2017 at 2:15 am

  • Copy link
  • Add topic to favorites

  I am in the process of creating a static page for my home page

  https://game-of-thrones-episodes.com

  However, I need assistance in TWO AREAS:

  1. moving the left and right columns up the page so the bottom edges of the left and right rectangles (at the top of their respective columns) are flush with the bottom of the “Season” (SE) buttons.

  Here is a page where I was able to do it on: (Look at the left column banner–since the right banner on the page above is an animated gif which has a greater height.)

  https://game-of-thrones-episodes.com/610-winds-of-winter/

  2. moving everything up toward the feature slider. Once again use the second page cited above as a guide as to how much space to leave.

  Thanks.

  and neemove static page column sidebar content and mainbody up page

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

• 

  gotmaester · Member · Jul 17, 2017 at 1:44 pm

  • Copy link

  Sometimes when no one answers, that can be a GOOD thing. It gives my overactive imagination time to ponder….

  I found another way to “eliminate” the white space.

  1. I simply created a footer widget.
  2. Then, identified its ID number using the browser inspector.
  3. and moved the widget area up the page into the blank area “white space.”

  Does anyone see any problems with this?

• 

  gotmaester · Member · Jul 17, 2017 at 2:01 pm

  • Copy link

  One problem I am experiencing is that when I am logged in on WordPress.com the widget I placed moves UP the page (probably getting some interference from the black WP strip across the page which appears when users are logged in. When I am not logged in, everything looks good.

  Here is the code I am using to place the widget:

  #rss-165 {
  margin: 0 -380px;
  position: absolute;
  top: 480px;
  width: 480px;
  font-size: 10pt;
  line-height: 1.3;
  }

  #rss-165 h3 {
  display: none;
  }

• 

  gotmaester · Member · Jul 17, 2017 at 2:09 pm

  • Copy link

  I added the following line to center the text:

  #rss-165 {
  text-align: center;
  }

  But of course, I am still looking for a way to keep the widget from moving up and down the page depending whether or not the viewer is logged in or not.

• 

  gotmaester · Member · Jul 17, 2017 at 3:35 pm

  • Copy link

  I am making progress.

  I placed an image widget in the top right column and after getting the widget ID, I used the following code to move it up

  #media_image-118 {
  margin: 0 0px;
  position: absolute;
  top: -100px;
  width: 200px;
  }

  This seems stable and is not dependent upon the WP bar — whether a person is logged in or not.

  So I think I will do the same for the other two widgets, which I had put in the footer section of the page and moved them. Maybe, by placing them in the homepage sidebar columns and then moving them up, is the way to go. We’ll see. I will let you guys know what happens.

• 

  gotmaester · Member · Jul 17, 2017 at 4:19 pm

  • Copy link

  I think I figured this all out. Everything seems to look good. I really am only a novice at this, and if any of the experts can foresee a problem ahead, or make a suggestion, I would really appreciate it.

  Thanks, for everyone’s patience.