Support » Fixing WordPress » Can’t get rid of border around heading image

  • Resolved liabungalo

    (@liabungalo)


    I recently figured out how to put image headings rather than plain text ones, but for some reason I can’t seem to get rid of the border surrounding it.

    I only have one up on the site right now as a test. It’s the navigational bar.

    http://lifeinabungalo.com/index.php?cat=12&submit=GO

    Anyone know how to get rid of it? I’ve been scouring the style sheets for hours now.

Viewing 5 replies - 1 through 5 (of 5 total)
  • This is effecting all your images, including the navigational image:

    img {
    padding: 3px;
    border: #7098cc 1px solid;
    background: #eeeeee;
    }

    It might be better to designate a class to the image instead of just inserting the image into the template because the img.css will pick it up and style accordingly.

    This is what you have in your template:
    [div class=”boxSidebar”]
    [img src=”http://lifeinabungalo.com/wp-content/ themes/v4ny19/images/nav.png” height=”25″ width=”200″ border=”0″ /]

    […other stuff here…]

    Why not add:

    [div class=”boxSidebar”]
    [img src=”http://lifeinabungalo.com/wp-content/themes/
    v4ny19/images/nav.png” height=”25″ width=”200″ class=”nav-img” />

    You can then set the styling in your stylesheet to remove the border, which will not effect your global image styling:

    nav-img {
    height: 25px;
    width: 200px;
    border:none;
    margin:0;
    padding:0;
    }

    Unless someone else has a better way of doing things?

    PS: You have a bunch of errors (>68) that need to be fixed, too 🙂

    Thread Starter liabungalo

    (@liabungalo)

    Hmmm. I did exactly what you said to the tee, but I still can’t make it go away. Did I do something wrong?

    I’m slowly fixing the errors. I originally started using html code when I started learning and haven’t fixed a lot of it. I’m fairly new to this.

    Thanks

    Is there a definate space between your ending “” and /?

    [img src=”http://lifeinabungalo.com/wp-content/themes/v4ny19/images/nav.png” height=”25″ width=”200″ border=”0″ class=”nav-img”/]

    [img src=”http://lifeinabungalo.com/wp-content/themes/v4ny19/images/nav.png” height=”25″ width=”200″ border=”0″ class=”nav-img” /]

    You forgot the . before the nav-image in your css.

    You have:
    nav-img{
    height: 25px;
    width: 200px;
    border: 0;
    margin: 0;
    padding: 0;

    }

    Sorry, my mistake. I should have explicitly stated such.

    You need to add the [dot] to define the css styling as a class.

    It should be:

    .nav-img{
    height: 25px;
    width: 200px;
    border: 0;
    margin: 0;
    padding: 0;
    }

    If this is fix can OP please mark as resolved, as I noticed in your site that it is 🙂

    Hehe, I would.. but, never know down the road if they’d come back for it again, or, they wanted to add something else to it.. =P 😉 Oh well, hopefully they come back and change the status on it lol. =)

    spencerp

    Back to doing WordPress installations again, I think I only have one more for the night..That makes 3 so far! 😉 =)

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Can’t get rid of border around heading image’ is closed to new replies.