CSS Help Needed: Footer Is Way Too Wide On Home Page

Community Forums Forums Design Tips and Tricks CSS Help Needed: Footer Is Way Too Wide On Home Page

This topic is: resolved

This topic contains 7 replies, has 2 voices, and was last updated by  anotherusername 4 months, 2 weeks ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #103639

    anotherusername
    Participant
    Post count: 63

    The footer is way too wide on my home page:

    http://www.marinhomephotography.com/

    I am pretty sure that the fault is with some DIV or other CSS that I added to the home page because:

    1) If you go to a different page (such as http://www.marinhomephotography.com/gallery/ ) the footer is fine.

    2) I have gone through and disabled all plugins, and the problem remained, so it is probably not a plugin problem.

    I suspect it might be with a div that I added, such as:

    home_page_text

    Or possibly it is because I changed the width of :

    .content-sidebar #content,
    .sidebar-content #content {

    from width: 590px

    to: width: 630px;

    (Although I don’t think the sidebar is supposed to appear on the home page?!?!?!)

    Thanks in advance.

    P.S. I am aware that I am using the Genesis Simple Footer. I deactivated it and used the default Genesis footer and it still had the same problem.

    • This topic was modified 4 months, 2 weeks ago by  anotherusername. Reason: clarified
    • This topic was modified 4 months, 2 weeks ago by  anotherusername. Reason: clarified
    http://www.marinhomephotography.com/
    #103696

    anotherusername
    Participant
    Post count: 63

    I thought it was due to the #inner width being 100% but it doesn’t seem to affect it on other pages.

    I am really stuck here. CSS hates me.

    #103700

    Lauren @ OnceCoupled
    Member
    Post count: 608

    It’s because you moved your footer outside of the wrap. You’ll need to apply the styles of #wrap to #footer in order for it to appear properly. You also have an empty #inner which is creating the top border of your footer. Remove the box-shadow from that property (using .home #inner { box-shadow: none; }) and your footer will look better.

    Best,
    Lauren


    I do custom WordPress work! http://oncecoupled.com
    Contact me directly: lauren@oncecoupled.com

    #103739

    anotherusername
    Participant
    Post count: 63

    Hi there, Lauren:

    first, thanks so much for taking the time to respond.

    You mentioned one thing that I might have misunderstood. you said:

    “It’s because you moved your footer outside of the wrap.”

    I am concerned because I never actually edited the template in any way. I just edited the CSS file.

    Is that what you are saying? That the CSS files was edited incorrectly?

    Or are you saying that somehow the homepage TEMPLATE (the .php page) was edited and the DIVs were rearranged?

    ~~~~~

    Either way, I guess I could just apply the #wrap styles to the #footer div.

    Another thing that is confusing to me is the empty #inner div. Don’t know why it would be that way. Again, I haven’t edited any .php pages. Just CSS.

    And I did deactivate ALL plugins and tested it out, so I am baffled by this.

    Thanks again.

    #103742

    anotherusername
    Participant
    Post count: 63

    Wait, do you mean I changed the CSS of my #footer so it is no longer “inheriting” (whatever the heck that means) the styling of the #wrap DIV?

    That would make sense.

    #103748

    anotherusername
    Participant
    Post count: 63

    Thank You, Lauren:

    It turns out that in a text widget I had on the home page, I had included text with a closing DIV tag in it. I didn’t have that text on any other page (just the home page).

    It’s those darn extra closing DIV tags that will get you every time.

    #103751

    Lauren @ OnceCoupled
    Member
    Post count: 608

    haha, glad you solved it at least! :)


    I do custom WordPress work! http://oncecoupled.com
    Contact me directly: lauren@oncecoupled.com

    #103765

    anotherusername
    Participant
    Post count: 63

    Yes, very relieved. thanks! :)

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

You must be logged in to reply to this topic.