Archived topic

Hide Border on Homepage Only

3 replies · Started by Jason on July 14, 2020

Viewing posts 1–4 of 4

July 14, 2020 at 5:44 pm #1363720

Hi there,

I added a border between my sidebar and main area with this css:

/*LINE BETWEEN SIDE BAR */
.site-main {
border-right: 1px solid rgb(104, 186, 176, .25);
}

However, I would like to hide that border line on my homepage because there is no sidebar there. How would you do this? Post ID is 12088.

July 14, 2020 at 8:56 pm #1363799

Hi there,

Try this:

body:not(.home) .site-main {
    border-right: 1px solid rgb(104, 186, 176, .25);
}

July 15, 2020 at 5:39 am #1364213

Worked like a charm! Thanks Leo

July 15, 2020 at 9:12 am #1364593

No problem :)

This archived topic is closed to new replies.