I have a border that I cannot change

It looks like the following two rules are coming from your Custom CSS. I’ve commented beside which lines you’ll need to remove or comment out if you want no border at all. (They appear to be on lines 43 and 76, respectively.)

#secondary .widget {
  background: #FFE1DE;
  border-radius: 10px;
  border: 7px solid #05EDFF;  /* remove/comment out this line */
}

#primary {
  background: #FFE1DE ;
  border: 7px solid #05EDFF; /* remove/comment out this line */
  border-radius: 10px;
}

I commented out those lines bbut it did not remove the outline. An interesting point to note is that the color in your post is not the same as the color currently on my file. My lines are /* border: 7px solid #CD5555; */. Your color is the one that was the color originally in that line of code.

I just had my wife open my website . When it opened the header image of mountains was replaced by the tiled background that should be below tje mountain image. It doesn’t appear that way on my computer.

Hi,
I’m still struggling with this problem and I have narrowed it down to a section of code. I have systematically commented out segments and this is the first one to eliminate the offending order. I have long suspected this segment of code because I don’t understand it. I don’t understand css code well enough to know how to change it so I’m hoping someone can help me.

The segment oode is:

#content,
.site-content .container,
#primary-main .site-main {
  background: #CFA433;
  border: 30px #CFA433 !important;
  border-radius: 10px;
}

I don’t understand the first three lines of code and the first two lines are the ones that finally eliminated the border. I probably mixed up two different suggestions from this forum to create this problem. Please someone, HELP!

It looks like you’ve switched to a new theme now. Has that resolved the issue for you?

No, I was just experimenting. I have my fifteen-child theme back now. Did you have any ideas to help me out or were you just going to have a look? If the former please let her rip! If the latter please go ahead and look, I’m not going to experiment anymore today. Maybe never if I get another couple of issues dealt with.

Ok, so now what I’m seeing is a grey “border” around the entire yellow content section of your pages. It’s not actually a border, but the background color of a containing div. Is that what you’re trying to remove?

If so, this code should make it the same yellow color as the rest of that space:

.single #content, .page #content {
  background: #CFA433;
}

Yes it is and Thank You very much! I really appreciate it.

Great! You’re welcome.