Archived topic

Want to remove vertical line between the home page container and the background

1 reply · Started by Kuldeep on May 30, 2021

Viewing posts 1–2 of 2

May 30, 2021 at 12:04 pm #1803770

Hi GeneratePress team,

Actually, I want to merge the container and background with the same color on the home page. I changed the background color using the below code-

body.page-id-188 {
  background-color: #FFF;
}

But still, a line is visible that separates the container from the background. Here is my website URL - https://artoftesting.com/ and here is the screenshot - https://ibb.co/164hCgd.

PS: I only want to get it done on HomePage.

Regards,
Kuldeep Rana

May 30, 2021 at 12:06 pm #1803772

Hi there,

I believe you are referring to this CSS you've added:

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

If you want to exclude it from the home page, then edit to this:

body:not(.home) .inside-article, body:not(.home) .sidebar .widget, body:not(.home) .comments-area {
    border: 1px solid rgba(232, 234, 237, 1);
    box-shadow: 0 0 10px rgb(232 234 237 / 50%);
}

This archived topic is closed to new replies.

Start building better websites today.