Unable to delete borders within the container

Question

Is there a way to eliminate the borders within this container?

Visit this link for reference.

I've tried using firebug but I can't seem to locate it...

Appreciate any assistance you can provide. Thank you!

Answer 1

Answer №1

Here is the CSS code needed to achieve this:

media="all"
hr {
    border: none;
}

This code will impact the hr element. Currently, its full CSS looks like this:

hr {
  border: none; /* removing the line */
  border-width: 1px 0 0;
  clear: both;
  margin: 30px 0 30px 0;
  height: 0;
}

If you also wish to get rid of the border below the header, make the following adjustment:

media="all"
.navibg {
    background: url(images/whitebg.png);
    border-bottom: none;
}

Answer 2

Here is the CSS code needed to achieve this:

media="all"
hr {
    border: none;
}

This code will impact the hr element. Currently, its full CSS looks like this:

hr {
  border: none; /* removing the line */
  border-width: 1px 0 0;
  clear: both;
  margin: 30px 0 30px 0;
  height: 0;
}

If you also wish to get rid of the border below the header, make the following adjustment:

media="all"
.navibg {
    background: url(images/whitebg.png);
    border-bottom: none;
}