Changing/removing the black lines built in with my theme

1) I think it is your image that makes those white lines, i would suggest, to delete the code for the lines, and make it with code, it is easy…
2)
.latest-posts .masonry-layout .hentry,
body:not(.home) .masonry-layout .hentry {
border-bottom: 3px solid #000;
padding-bottom: 27px;
}

change 3 px to whatever size border you want, and #000 to whatever color you want…

Hi nikasig,
Thanks so much for your help.
I don’t understand what you mean by your first point. What code do I delete?
2) It is not the latest posts, but the category posts. Where can i find the code for this?
Thank yoU!

With the line in the heading that’s caused by an image as @nikasig says.

If you add:

.title-with-sep {
   Background: none;
}

It should remove that line.

I don’t know your theme. If it has the facility to add custom CSS then you can add that code there but if not, you can find a plugin to let you add custom CSS.

Hi there,
Thank you martcol. I added it to the custom extra css thing, but that completely removed the line altogether. Any way of resolving this?
Many thanks

And this should get shot of the other border:

‘.latest-posts .masonry-layout .hentry, body:not(.home) .masonry-layout .hentry {
border-bottom: none;
}`

Ahh, brilliant, that problem is solved, thank you! Just need to get back the line without the white background

So you want the line in the header?

I can’t see it now because as you say, you have removed it. The reason it is there is because the image used to produce it has a white background which shows because it is rendering in your page with a colored background. If your background was White, it would not show.

One way to tackle that is to duplicate the image, remove the white in an image editor and save it as a .png file where you can preserve transparency. Then replace the image on your site.

Yes sorry if that wasn’t clear! I wanted the line but without the white background. I am really happy to reconstruct it in photoshop, but where do I find the image? I looked for it before and couldn’t find it. I’ve looked in my theme’s image files and it doesn’t seem to be there, which is why I though the line was made in code, rather than being an image.

The key to where the image is would be in the CSS code that references it. Since you took the image out, I can’t see it to find.

Have just put it back! thank you

It is sloved already?

No! Still has the white background. I’ve searched for both png and jpb in style.css but nothing comes up!

OK so the image is not on your site but is hosed with the theme developer. You might like to have a go at their support to see if they might change the image.

If not you can make your own image and reference it in custom CSS again.

.title-with-sep {
    background: url("https://s12.postimg.org/esot58b89/10893435_10152943637794293_942583170_n.jpg") repeat-x 0 50%;
}

That’s the existing CSS rule so, once uploaded, put the URL in.

If you need it, you can see and save the image from here:

https://s12.postimg.org/esot58b89/10893435_10152943637794293_942583170_n.jpg