WordPress.org

Ready to get started?Download WordPress

Forums

CSS help with Fjords theme (8 posts)

  1. francesspoon
    Member
    Posted 5 years ago #

    hi, i'm trying to convert the Fjords theme from 4 to 3 columns, and at the moment it's only half working. i can get the three columns, but then the 4th one sort of just gets squished down into the corner. also, my header either disappears or is strangely resized.

    i'm not sure if i'm just missing something small, or if there's an entirely different way i should be going about this.

    please help!

  2. Chrisber
    Member
    Posted 5 years ago #

    Without a link to your site it is impossible for anyone to see what you've done.

  3. francesspoon
    Member
    Posted 5 years ago #

    sorry! it's http://incurablehumanist.wordpress.com/

    the header issue seems to have magically resolved itself, but there's still some weirdness going on underneath the sidebars.

  4. Eric Amundson
    Volunteer Moderator
    Posted 5 years ago #

    I'd add something like this to your stylesheet:

    #sidebar-3 {
    clear:both;
    width:95%;
    padding-top:3em;
    }

    This should shove the fourth column (third sidebar) below the other columns.

    To get this to work, you'll also want to remove the #sidebar-3 reference from the embedded stylesheet.

    From this:

    #content, #sidebar-1, #sidebar-2, #sidebar-3  {
    	background-image:url(http://incurablehumanist.files.wordpress.com/2007/05/header1.jpg);
    }

    to this:

    #content, #sidebar-1, #sidebar-2  {
    	background-image:url(http://incurablehumanist.files.wordpress.com/2007/05/header1.jpg);
    }
  5. francesspoon
    Member
    Posted 5 years ago #

    thanks sewmyheadon, that helped a bit. now the 4th column is all the way at the bottom of the page.. which i suppose i could live with, but is there any way to get rid of it entirely?

  6. Eric Amundson
    Volunteer Moderator
    Posted 5 years ago #

    Yeah, I was sort of taking the approach of converting it into a footer.
    Personally, I like it as a footer.

    To get rid of #sidebar-3 entirely, you could remove its sections from the theme's files and adjust the CSS accordingly.

    You could, of course, set #sidebar-3 to display:none; and it would go away, but that's probably not the best solution if you're looking to wipe out this section entirely.

    Being lazy, I'd call it a footer and call it a day. :)

  7. francesspoon
    Member
    Posted 5 years ago #

    ahh, the footer idea would be cool, but it wasn't working out too well. fortunately, the display:none; fix worked like a charm!

    thanks a bunch :)

  8. Eric Amundson
    Volunteer Moderator
    Posted 5 years ago #

    Frances, Just be warned that the display:none; approach is something that some search engines can frown on. It's a technique spammers could use to embed lots of 'invisible' content into a page.

    The better way would be to convert it to a footer, or remove it entirely.

    Just my two cents.

Topic Closed

This topic has been closed to new replies.

About this Topic