WordPress.org

Ready to get started?Download WordPress

Forums

Footer/Tab issue (13 posts)

  1. Victorzenmaster
    Member
    Posted 3 years ago #

    I'm brand new to this. We just had our website published and I began adding content via WordPress. When viewing our website: yourlppros.com, everything appears fine in Google Chrome, however, in IE the footer is located under the left panel. I came across the site: http://validator.w3.org which identified 61 errors. When I corrected these errors it fixed the problem with the footer, but made the tabs at the top of the page black with black text so that you can barely see them.

    Any ideas?

  2. Samuel B
    moderator
    Posted 3 years ago #

    in ff-latest and IE8, the tabs look really good
    don't use google chrome

  3. elfin
    Moderator
    Posted 3 years ago #

    well the errors need fixing, so fix them first - then look at the CSS for your tabs and adjust the font color.

  4. Victorzenmaster
    Member
    Posted 3 years ago #

    Sam - Does the footer correct from what you saw?

    Rich - I apologize for my novice, how would I change the CSS? I need the tabs to do 2 things: I need the active tab to be gray and the inactive tabs to be blue. (Exactly how they are now)

    I fixed the errors, now need to fix the tab issue.

  5. Samuel B
    moderator
    Posted 3 years ago #

    footer looks fine - tabs are messed up now

  6. Victorzenmaster
    Member
    Posted 3 years ago #

    Yeah, that's the issue I'm running into. I correct the errors which fixes the footer, but changes the tab color to black.

  7. elfin
    Moderator
    Posted 3 years ago #

    Look for this in your style.css for the theme:

    .art-menu a .t {
        color: #181B1B;
        ...
    }
    and delete, or amend that color.

  8. Victorzenmaster
    Member
    Posted 3 years ago #

    I have spent the past 2 days looking and that code is not present. The closest thing to it is

    .art-menuhover .art-menuhoverA .t
    {
    color: #EAF5FA;
    }

    Is is a matter of simply adding that code or is it possible that it is hidden somehow?

  9. elfin
    Moderator
    Posted 3 years ago #

    well it looks better now, did you fix it?

  10. Victorzenmaster
    Member
    Posted 3 years ago #

    No, I just put back the original code. Looks fine in everything but IE, where the footer is a major issue.

    I took the corrected code from the XHTML validator and ran it through a CSS validator here: http://jigsaw.w3.org/css-validator/ and found 0 Errors but gave the following warnings:
    URI 676 – Same color for background-color in two context
    URI 692 – Same color for background-color in two context
    URI 1144 – Same color for background-color in two context

    I don’t know where to find these uri, could this be the issue?

  11. elfin
    Moderator
    Posted 3 years ago #

    don't worry about warnings, and I think they are supposed to be line numbers.

  12. 123milliseconds
    Member
    Posted 3 years ago #

    >>Same color for background-color in two context

    This warns that text and its background color is the same; so it IS hidden

  13. Victorzenmaster
    Member
    Posted 3 years ago #

    I think I may finally have this figured out, does anybody know what the code would look like for the menu tab color?

    .art-menu a .t {
    color: #181B1B;
    ...
    }

    This is the code for the color of text within the menu tab, but what would the color code look like for the tab itself?

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags