Line at top of Blog Page

[SE1217707]

Hello, I am working on removing all CSS code now that I have switched to PRO. When removing the line of code below, which removes the line at the top of the blog page. It still showed the line, so I put the code back, and now the line is still there and the code is not working. I essentially do not want the line at the top of the blog post.

/Remove Line at top of Blog Page/
.blog .x-main .hentry:first-child {
border-top: 0 !important;
}

[prakash_s]

Hello @SE1217707,

Thanks for writing to us.

In case you want to remove the first border of the post you need to add this code under Theme Options —>CSS

.archive .x-main .hentry:first-of-type {
border: 0px;
}

OR

If you want to remove all the borders of the posts you need to add this code in the Theme Option–>CSS

.blog .x-main .hentry, .search .x-main .hentry, .archive .x-main .hentry {
border: 0px;
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case if you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

[SE1217707]

That did the trick! Thank you!

[ruenel]

You’re welcome.