WordPress.org

Ready to get started?Download WordPress

Forums

Top Banner is covering the Contact button (15 posts)

  1. groogruxking40
    Member
    Posted 4 years ago #

    using WordPress 2.8.4 and TMA theme ( the morning after 1.4)

    http://sagacity-llc.com/blog/

    you see the top banner? well now it is overlapping over the CONTACT link, I think this is because of the stylesheet changes. How would I go about dropping it down so it looks normal again?

  2. jrav001
    Member
    Posted 4 years ago #

    You need to adjust the height for the #header in your style.css

    #header {
    border-bottom:1px solid #999999;
    height:125px;
    padding:1.5em 0 0;
    }
  3. thinkdj
    Member
    Posted 4 years ago #

    Also, you could try doing a css float clear by adding
    <div style="clear:both"> </div> right before your banner code.

  4. groogruxking40
    Member
    Posted 4 years ago #

    thanks guys!!

  5. groogruxking40
    Member
    Posted 4 years ago #

    One more thing-

    For some reason my recent posts is all jammed together.. it should look like my other site http://www.christiancouriernewspaper.com/blogbase/

    look under recent posts on my current blog

    http://sagacity-llc.com/blog/

    it just looks all jammed together and not spaced out nice and evenly..

    any ideas guys??

  6. jrav001
    Member
    Posted 4 years ago #

    The css for your current blog doesn't have info for .home_recent_post

    Add some padding to the bottom to make it match your old one:

    .home_recent_post {
    background:transparent url(images/bg/dot.png) repeat-x scroll left bottom;
    margin:0 0 0.8em;
    padding:0.1em 0 1.2em;
    }
  7. groogruxking40
    Member
    Posted 4 years ago #

    do I just copy your code from above? and add it to my stylesheet under recent posts??

  8. groogruxking40
    Member
    Posted 4 years ago #

    here is my section in recent posts..

    /* recent posts */

    .home_recent_post {
    background:transparent url(images/bg/dot.png) repeat-x scroll left bottom;
    margin:0 0 0.8em;
    padding:0.1em 0 1.2em;
    }
    .home_recent_thumb { padding: 0 10px 0 0; margin: 0 0 0.25em 0; float: left; }
    .home_recent_thumb img { float: left; margin: 0; }
    .home_recent_thumb a img { background: #999; padding: 2px; margin: 0; border: 0; }
    .home_recent_thumb a:hover img { background: #333; padding: 2px; margin: 0; border: 0; }
    .home_recent_title a { font-weight: bold; }
    .home_recent_title a:hover { color: #fff; background: #000; }
    .home_recent_date, .home_recent_auth { padding: 0; margin: 0; color: #666; font-size: 0.9em; }
    .home_recent_exc p { color: #666; text-align: left; }

    still not working...

  9. jrav001
    Member
    Posted 4 years ago #

    Yes, but use this:

    .home_recent_post {
    margin:0 0 0.8em;
    padding:0.1em 0 1.2em;
    }

    This one doesn't include the dotted line.

  10. groogruxking40
    Member
    Posted 4 years ago #

    added that code... same results..

    everything is still jammed together

  11. jrav001
    Member
    Posted 4 years ago #

    I don't see that css declaration when I view your site....what file are you saving it to?

  12. groogruxking40
    Member
    Posted 4 years ago #

    style.css

  13. groogruxking40
    Member
    Posted 4 years ago #

    im editing it via dashboard... should i edit it via FTP?

  14. groogruxking40
    Member
    Posted 4 years ago #

    I'm going to do a fresh install of TMA and see if that does the trick

  15. groogruxking40
    Member
    Posted 4 years ago #

    that did it.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.