Home Forums Weaver Xtreme Theme On individual post pages the footer is full page width rather than fitting into content area

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #17557
    Oyston
    Participant

    Hi

     Just learning
    Wordpress and love Weaver themes. Most of what I wanted to set up for my blog
    has proven to be quite easy.

    However, at http://www.johnoyston.com
    the individual post pages (like http://oyston.com/blog/2015/03/30/do-doctors-have-to-park-their-beliefs-at-the-office-door/
    ) the footer section is too wide and breaks out of the content area.

    I guess I messed up the settings somewhere but can’t figure
    out where.

    Thanks for any help.

    #21043
    scrambler
    Moderator

    Your footer is being kicked outside of the wrapper, When this is not the result of Main Options > Footer > Full width options (which would affect all pages), this usually means you have some Bad HTML syntax in your content that breaks the flow of the page.

    Read the thread below about using a Validator to detect errors, moistly the open closed tag errors and fix them.

    http://forum.weavertheme.com/discussion/5626/checking-for-html-errors-using-a-validator

    #21044
    Oyston
    Participant

    Hi. Thanks for the tip. You are right, there is an unclosed tag. Now, let us see if I can figure out how ro fix that. Impressed by your support so far. John

    #21045
    Oyston
    Participant

    Hi again.It makes sense that an unclosed tag would cause the problems I am having.

     I ran the validator and it reported two unclosed tags in problem pages which are not there in other pages which display fine.
    So it seems we have located the problem.
    :
    Error Line 178, Column 253Unclosed element article.

    …n tag-ethics tag-medicine tag-religion content-single post-content post-area ">
    and
    Error Line 222, Column 70Unclosed element a.
    					<a href="http://oyston.com/blog/author/johnoyston/" rel="author">
    but if I go to view source it seems both tags are closed:

    -ethics tag-medicine tag-religion content-single post-content post-area ">

    and

    <span class="vcard author post-author"><span class="fn">
    <a href="http://oyston.com/blog/author/johnoyston/" rel="author">
    View all posts by JohnOyston</span> </a></span></span>


    Also, these are areas where I did not edit the HTML directly, at most I customised the weaver theme within the options available.


    Sorry about the weird formatting here.
    Thanks

    John


    #21046
    Oyston
    Participant

    Hi again. Sorry that was even more messed up than it seemed before I submitted it. Guess quoting HTML here is a problem.

    Will try to  comment out the HTML so it dies not get read.
    <!–
    Error Line 178, Column 253Unclosed element article.
    …n tag-ethics tag-medicine tag-religion content-single post-content post-area ">
    Error Line 222, Column 70Unclosed element a.
    					<a href="http://oyston.com/blog/author/johnoyston/" rel="author">
    -->

    But when I look at the code the tags seem closed to me:

    <!--
    <span class="vcard author post-author"><span class="fn">
    <a href="http://oyston.com/blog/author/johnoyston/" rel="author">
    View all posts by JohnOyston</span> </a></span></span>
    -->

    and

    <!--
    <article id="post-245" class="post-245 post type-post status-publish format-standard has-post-thumbnail hentry category-issues category-medicine tag-abortion tag-contraception tag-ethics tag-medicine tag-religion content-single post-content post-area ">
    <header class="page-header">-->

    Thanks!



    #21047
    scrambler
    Moderator

    1) The biggest issue is a broken div sequence between line 215 and 226  (in RED below)
    <div id=”author-info”>
     <div id=”author-description”>
      <div id=”author-avatar”>
       <img alt=” src=’http://1.gravatar.com/avatar/f3610f2f2b1f0a99a5990eec8400f716?s=75&amp;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D75&amp;r=G&#8217; class=’avatar avatar-75 photo’ height=’75’ width=’75’ />
      </div><!– #author-avatar –>

       <p class=”author-title”>About JohnOyston</p>
       <p>Anesthesiologist: Traveler and photographer: Environmentalist and Landowner: Netizen:</p>
       <span class=”vcard author post-author”><span class=”fn”>
       <a href=”http://oyston.com/blog/author/johnoyston/” rel=”author”>
          View all posts by JohnOyston</a></span></span>
        </div><!– #author-link –>
     </div><!– #author-description –>
    </div><!– #author-info –>

    You have a closing </div><!– #author-link –>  that does not have any opening. this is what causes a ripple effect in the div containers that messes everything

    2) also in Line 221 -223, you have a bad nesting of span and link tags and an extra </span>
    <span class=”vcard author post-author”><span class=”fn”>
    <a href=”http://oyston.com/blog/author/johnoyston/” rel=”author”>
    View all posts by JohnOyston </span></a> </span> </span>

    The closing </a> tag should be inside the span and there is one too many </span>

     

    #21048
    scrambler
    Moderator

    FYI, it looks like there is a bug in the latest version, @weaver will have to confirm.

    It is in the Author section, so if you hide the Author info for now, it should fix the problem.

    EDIT: Checking Main Options > Post Specifics > More Post related Options > Hide Author Bio, does solve the problem for now .

    #21049
    Oyston
    Participant

    Hi. Thanks, pleased to know it a bug in the theme and not me. Have removed the author info and all is well. Please let me know when the bug is fixed and how to install the fix. Great support, thanks Scrambler!

    #21050
    scrambler
    Moderator

    Weaver has fixed it, it should be on WordPress.org soon as a new version (1.1.2)

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.