WordPress.org

Ready to get started?Download WordPress

Forums

Front Page Table Width (8 posts)

  1. abcgiant
    Member
    Posted 1 year ago #

    For some reason I can not make the two main tables on the left of the page (whats new & Online access Tables) to fill the content area width.. the same template works for all subpages.. but when I made a subpage into the static frontpage the table width of the 2 tables compresses to 1/3 of the page instead of 2/3rds

    http://cantone.com.www3.monmouth.com/

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    Use a Browser Developer tool like the one built-into Google Chrome to explore these sorts of CSS issues https://developers.google.com/chrome-developer-tools/docs/elements .

    For example, with Google's Developer Tool I found this http://snag.gy/ilwGP.jpg . The HTML is on the left of the toolbar and CSS applicable on the right. As you can see, there's a width of 48% on <div class="hentry">.

  3. abcgiant
    Member
    Posted 1 year ago #

    Hi Andrew,

    Thank you for your reply.... Ive made the widths set to 100% on all content on the left side--- did not seem to change anything... the odd part this only happens when selecting this page as a static home page

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    You probably set 100% to the wrong element.
    It's not odd that the style only applies to the home page, look at that screenshot I posted. Look at the styles applied to the highlighted element.

  5. abcgiant
    Member
    Posted 1 year ago #

    I removed all the tables front the content area on the front page.. and just put plain text in the entry... yet the area is still constricted to that same width

  6. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    See this CSS:

    .home .hentry, .archive .hentry, .search .hentry {
        float: left;
        margin-right: 19px;
        padding-bottom: 12px;
        width: 48%;
    }
  7. abcgiant
    Member
    Posted 1 year ago #

    That was it!
    Thank you!

  8. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    That's the same code Andrew was pointing out via the screenshot -- tools like Chrome Developer or Firebug are really helpful for CSS issues, among other things. So as he suggested, it's highly recommended to use them -- they'll make your life much easier :)

Topic Closed

This topic has been closed to new replies.

About this Topic