WordPress.org

Ready to get started?Download WordPress

Forums

entering 6th hour of trying to remove underlines...help! (9 posts)

  1. sampetschulat
    Member
    Posted 2 years ago #

    I'm trying to alter a theme on this site so that an underline does not appear when hovering over the header image (the one that reads "gull prairie"). Been working on this for hours but coming up empty. The theme is Neutica. Someone else had a similar issue here, but the proposed solution didn't work for me. Any tips?

  2. sacredpath
    Member
    Posted 2 years ago #

    #blog-title a:hover {
    border: none;
    }
  3. Pavan
    Member
    Posted 2 years ago #

    I think this must be the solution..........

    a:hover{
        text-decoration:none;
    }
  4. esmi
    Forum Moderator
    Posted 2 years ago #

    Try using Firefox with the Firebug add-on for this kind of work.
    http://getfirebug.com/

  5. sampetschulat
    Member
    Posted 2 years ago #

    So I used sacredpath's advice, but the final version of the code looked like this:

    #blog-title a:hover {border-bottom: solid 5px #fbfbfb;}

    just telling it to not have a border caused the whole page to jump up and down. I suppose the border was just too entrenched in the theme's design. so I just made the border (underline) the same color as the background of the page. voila!

    one more thing though--could anyone give me advice on how to get rid o the static line underneath the header? having trouble with that as well.

  6. bennyb_89
    Member
    Posted 2 years ago #

    My guess is that it's this line in the colors.php file in your theme root.

    Looks like it's adding a 5px border at the top of a post. Line of code is:

    .post, .p1, .hentry, .tabmenu, #comments, #commentform #submit, #searchform #searchsubmit, #error404-searchsubmit, #noresults-searchsubmit {border-top:5px solid #2e2e2e;}

    The start of the second section under the borders part of the document. If you change that to the background of the site, or define a new style just for a post it's likely to go. I would hope anyway.

  7. sacredpath
    Member
    Posted 2 years ago #

    Strange, it didn't jump in Safari or in Firefox.

    The black border is actually on the top of .post.

    .post {
    border-top: none !important;
    }
  8. sampetschulat
    Member
    Posted 2 years ago #

    Thanks sacredpath, worked like a charm. Just out of curiosity, how do you go about identifying so quickly which element is dictating these attributes? Just intimate familiarity with WordPress?

  9. sacredpath
    Member
    Posted 2 years ago #

    I use Firebug add-on in Firefox (the one that @esmi mentioned). After you get that and get a little CSS experience, you can identify most things rather quickly. There are those times though where things aren't what they seem, so it isn't always straight forward or quick, especially where themes have multiple CSS files.

Topic Closed

This topic has been closed to new replies.

About this Topic