Support » Themes and Templates » WPFolio Issue – thin line above footer

  • Hi,

    I’m using WPFolio (1.6.56) and it’s amazing. Problem is I have a random thin line at the bottom of every page, just above the footer. Check it out at:

    I’m guessing this is happening because my chosen background colour is peaking through. I have some html/css experience, and this is my first WordPress website. I’m sure I could fix this in style.css, but I’m not sure what to look for.

    Any help would be greatly appreciated!

Viewing 11 replies - 1 through 11 (of 11 total)
  • esmi


    Forum Moderator

    I think you’ll find that’s that’s a pale grey top border on the footer. Try looking in the theme’s custom options for a way to remove this or change the color to #fff. It’s not within style.css.

    it’s part of the design and meant to match the background color. You can remove it. I believe it’s a border at the top of the footer. If you’re going to override it, check into using a child theme so you don’t lose your changes when you update.

    Looks good though!

    Also, you’re using pages where you probably want to use posts.

    Maybe you know this, but just in case… Use Posts to show art works. They will show up in the RSS feed, you can assign categories and tags to them, and they use the full 900px width of the site. Pages have larger margins because they are meant for your contact page, artist statement and/or resume where reading text at 900px wide would be annoying. This also is how WordPress is designed to be used.

    I wrote briefly about this here:

    There’s a video (recorded a while ago) by someone here: – key thing to know about this is posts show up in reverse chronological generally, but this can be changed around and WPFolio tweaks that a little.

    And here’s another article about it:
    Are You Abusing Your WordPress Pages – and Your Blog?

    Thanks for your help!

    I actually wasn’t aware that I should be using Posts instead of pages for the gallery pages. Many thanks for the links slambert! Also thanks for an incredibly wicked theme!


    I have a question related to the original one here: how can I change the color of the top and left lines on the menu, that also seem to be matching the background — but I think that they work great for a lighter background, but not for darker ones?

    Ideally I would prefer a lighter fixed color for that.


    It’s a CSS rule – you can use the inspector in FireBug to find out what to change then add the changes to the stylesheet. Send the link to your site and I’ll have a look.

    Thanks, Laura. You’ve already replied other of my questions (I’m the one who’s afraid of child themes…)

    As I’ve mentioned, I do this but I’m not a professional, so I have some limitations, and in this case I can’t find what needs to be changed.

    Our site has an online magazine, and we used to change the photo on the home page, the photo on the summary page and the background color at each update. However, I haven’t changed the background color anymore, because of the lines and everything that matches the background, as in my opinion this doesn’t work so well for some colors.

    If we change the color of the menu, we’ll have to change also the color of the line above the footer so that they match.

    It’ll be great if you’re able to tell me how to do it!

    Find div.footer in style.css and delete this line: border-top: 1px solid #DDDDDD;

    It’s a good idea to learn some basic CSS and you can easily make little changes like this yourself – check out w3chools CSS tutorial.

    Hi there,

    I’ve installed WPFolio 1.74 with a child theme and am having this same problem with the 1px background coloured line running across the top of the footer.

    When I inspect it with Firebug the location of that particular code is shown as ” (line 44) ” which I don’t think exists.

    Firebug shows the code as:

    div.footer {
    background-color: #FFFFFF;
    border-top: 1px solid #FFCC33;

    and then below that the code that I’ve entered in the child Style.css is crossed out:

    .footer {
    border-top: 1px solid #FFFFFF;

    and it’s the same if I add the border code directly into the parent Style.css

    So it’s being overridden somewhere…?

    Thanks for any help in advance!

    It’s called after the child theme stylesheet. Just add !important to your CSS changes to override it.

    Ah perfect, thanks!
    That’ll help with some other stuff too. I still have lots to learn…

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘WPFolio Issue – thin line above footer’ is closed to new replies.