Three Column Layout Div Issue

Community Forums Forums Design Tips and Tricks Three Column Layout Div Issue

This topic is: resolved

This topic contains 8 replies, has 4 voices, and was last updated by  BlakeN 4 months ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #109389

    BlakeN
    Participant

    Hi,

    If you scroll midway down this page you can see where the error is. http://www.accurateleads.com/church-mailing-lists/

    The text that should be below both lists is between them.
    I have gone through and checked all div tags and cannot find where the error lies.

    I have gone exactly by the instructions on this page:

    http://my.studiopress.com/tutorials/content-column-classes/

    I even tried adding <div class=”clear-line”></div> and the error is still rendering.

    Any help is greatly appreciated.

    http://www.accurateleads.com/church-mailing-lists/
    #109403

    jodzeee
    Participant

    It looks like you don’t have anything defined for your “clear-line” class. You need to add this to your CSS

    .clear-line {
       clear:both;
    }
    • This reply was modified 1 year, 1 month ago by  jodzeee.
    • This reply was modified 1 year, 1 month ago by  jodzeee.
    #109579

    BlakeN
    Participant

    Thanks for taking a look but I added the bit you suggested to the style sheet and the issue is still live.

    Is there anything else it could be?

    #109920

    jodzeee
    Participant

    Hmmmm … do you have a caching plugin or cloudflare or something that would be keeping the CSS from showing up? When I enter it into the inspector, it works.

    screen-grab

    • This reply was modified 1 year, 1 month ago by  jodzeee.
    • This reply was modified 1 year, 1 month ago by  jodzeee.
    #109967

    BlakeN
    Participant

    No WP Super Cache, W3 Total Cache, or Cloudflare.

    I checked once you suggested this and also came across the same results. When I enter it in firebug the issue is corrected but for some reason the page is still incorrect.

    Should there be anything added to the functions.php to allow the clear div to work?

    Thanks again!

    #109974

    jodzeee
    Participant

    I don’t think so. I wonder if there’s a plugin or something else buried that’s using that same class that’s overriding it. Try changing the class to something other than clear-line in both your CSS and the html and see if that works.

    #145756

    Joy G
    Participant

    I’m using metro and in the CSS for columns there is this:

    .first {
    	clear: both;
    	margin-left: 0;
    }
    

    so I just use the following within the pages for a clear break:

    <div class="first"></div>

    or I put my full-width heading inbetween those divs.

    #145760

    coralseait
    Participant

    Who is the host, are they doing server or host level caching you may not know of?


    #146085

    BlakeN
    Participant

    This actually ended up being a missing div tag in the style sheet and the problem has since been resolved.

    Thanks for all the help.

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.