• Coltonguthrie

    (@coltonguthrie)


    I recently put a week calendar on one of my pages. After I did there was a huge chunk of blank space and I can’t figure out what it is or how to remove it. The page in question is this one: https://totalfitnessgym.net/classes/

    I may just be missing something but can anyone help me get rid of the blank space? I’d very much appreciate it.

Viewing 8 replies - 1 through 8 (of 8 total)
  • phe.le

    (@phele)

    Try to remove the <p></p> and <br.> tags from the top of your calendar.

    Josh

    (@josh401)

    You have a <p> tag being inserted with the following content:

    <p>
    <br>
    <br>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <br>
    <meta content="2012-11-27" name="date.created">
    <br>
    <meta content="HTML Calendar Maker 2.0" name="generator">
    <br>
    <meta content="" name="licensekey">
    </p>

    All those <br> tags, in combination with the <p> tag, are causing the content of the page to “shift” down. I would change all the above to this:

    <span)
      <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
      <meta content="2012-11-27" name="date.created">
      <meta content="HTML Calendar Maker 2.0" name="generator">
      <meta content="" name="licensekey">
    </span>
    Thread Starter Coltonguthrie

    (@coltonguthrie)

    You have a <p> tag being inserted with the following content:

    <p>
    
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    
    <meta content="2012-11-27" name="date.created">
    
    <meta content="HTML Calendar Maker 2.0" name="generator">
    
    <meta content="" name="licensekey">
    </p>

    All those tags, in combination with the <p> tag, are causing the content of the page to “shift” down. I would change all the above to this:

    <span)
      <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
      <meta content="2012-11-27" name="date.created">
      <meta content="HTML Calendar Maker 2.0" name="generator">
      <meta content="" name="licensekey">
    </span>

    I can’t see those in my code. I’m looking at it from the Edit feature on the Pages page. I took out the meta content and it shrunk it a small amount but there is still a sizable chunk there. Is there another way to access the html?

    Josh

    (@josh401)

    How is the calendar being inserted into the post? Does it use a shortcode?

    Thread Starter Coltonguthrie

    (@coltonguthrie)

    I used a calendar generator and inserted the raw HTML and then edited it from there.

    Josh

    (@josh401)

    Post your raw HTML over on “pastebin“…

    And then post the link to the page back here. WP doesn’t let you post code longer than 10 lines.

    I’ll take a quick look at it.

    Thread Starter Coltonguthrie

    (@coltonguthrie)

    That’s probably what it is then.

    https://pastebin.com/tn7CnP8H

    Josh

    (@josh401)

    Okay… I really need to write a blog about how to properly use code from other sources…

    Let’s see…

    1. You need to remove all the styles out of the code and use a plugin like “scripts and styles” to just insert the CSS on the pages where you are using the calendar.

    2. Then, this is all you want to insert into the html view of the page where you are wanting to display the calendar… “pastebin

    So.. the table gets displayed on the page in a nice table tag… and the styles get applied via the “scripts and styles” plugin to that page.

    No need for the <head> and <body> tags.. which is breaking your HTML compliancy anyways.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Blank space below page title.’ is closed to new replies.