WordPress.org

Ready to get started?Download WordPress

Forums

How can I remove categories listed on my header (7 posts)

  1. iselltheta
    Member
    Posted 3 years ago #

    At the top of my header is a black bar that is populated with post categories - http://www.macrostory.com I want to remove all the categories but leave the black bar. I tried removing the code but then lost part of my black bar. Ideally I'd like to do this in the css if I can so that future upgrades won't overwrite this. Can this be done?

    Thank You!

  2. stvwlf
    Member
    Posted 3 years ago #

    Try this:
    line 49 style.css

    #nav1 {
        display: none;    <<===== add this line
        font: 14px Georgia,"Times New Roman",Times,serif;
        padding: 0;
    }

    line 30 style.css

    .logo {
        float: left;
    ===>>>  change margin: 0;  to  margin: 35px 0 0;
        padding: 0 0 4px;
        width: 500px;
    }
  3. iselltheta
    Member
    Posted 3 years ago #

    Hi - I made those edits (still in the style.css file) but no success. Any other thoughts? Thank You!

  4. stvwlf
    Member
    Posted 3 years ago #

    You entered the CSS incorrectly. I see this

    /*- Nav1 -*/
    
    display: none;
    #nav1 { font: normal 14px Georgia, "Times New Roman", Times, serif; padding:0; }

    It should be this:

    /*- Nav1 -*/
    
    #nav1 { display: none; font: normal 14px Georgia, "Times New Roman", Times, serif; padding:0; }
  5. iselltheta
    Member
    Posted 3 years ago #

    My bad. I made that edit and it fixed it. Just one more little problem. If you view the home page http://macrostory.com at the top right of the header is an RSS subscription area with RSS logo that is now shifted up. Do you know what I can add in the CSS to shift it back down where it was before? Thank you for your help.

  6. stvwlf
    Member
    Posted 3 years ago #

    Oh, sorry, I didn't see that had shifted down.

    find this on line36 in style.css

    .rss {
        background: url("images/RSS.png") no-repeat scroll right center transparent;
        float: right;
        margin: 10px 0 0 20px;
        padding: 25px 50px 25px 0;
        width: 160px;
    }

    Change the 10px on the margin line to 25px. You can adjust 25 up or down to get it to exactly where you want.

    I'm glad it worked for you.

  7. iselltheta
    Member
    Posted 3 years ago #

    Awesome. Thank you so much!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.