Remove box line

[NICOLO’]

Hi guys. Like other people in this forum I’m trying to replicate the effect of homepage of woorkup. This website has blog excerpt without box line.

If I try to replicate that situation on my blog with white container background and white background… I still see the box line.

What can I do?
Thank you

[David]

Hi there,

in Customizer > Additional CSS you will find this piece of code:

.inside-article, .sidebar .widget, .comments-area {
    border: 1px solid rgba(232, 234, 237, 1);
    box-shadow: 0 0 10px rgba(232, 234, 237, 0.5);
}

This adds the box shadow around articles, sidebar, widegts etc.
You can delete that code to remove it.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[NICOLO’]

Thank you
Background between containers remains grey also if I set it white. Why?

[David]

You need to change the Background color in Customizer > Colors > Body to white

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[NICOLO’]

Oh wow. We’re almost there.
How is it possible to mantain ONLY a border between archive posts (horizontal line)?
Thank you

[David]

Try this CSS:

body:not(.single) .inside-article {
    border-bottom: 1px solid rgba(232, 234, 237, 1);
}

Adjust the rgba color to suit.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[NICOLO’]

Works very well.
Thank you

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts