Remove Line at top of Blog Page

Support
#1

How do I remove this?

#2

Hello Samantha,

Thanks for writing in!

Please add following CSS under X > Theme Options > CSS:

.blog .x-main .hentry {
    border-top: 0 !important;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

#3

Is there anyway to remove just the absolute top line, and not the lines in between posts?

#4

Hi Samantha,

Please try:

.blog .x-main .hentry:first-child {
    border-top: 0 !important;
}

If the code does not work, please provide the URL to your site.

Thank you.

#5

IT WORKED! Thank you :slight_smile:

#6

Glad to hear that. :slight_smile:

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.