Remover Vertical line between Content and Sidebar

[hbollinger]

Hello,

I would like the remove the faint gray vertical line that separates my content and sidebar.

In the code below, I tried changing the #d7d7d7 to #ffffff to just make it white and hide it that way. That worked for my larger computer screen, but when I checked in on my smaller screen (iphone 6s), my blog and page content is no longer centered like it was before (it looks like it's adding the vertical line off the right, but since I changed it to white it just hides the line, making my blog content look like it's pushed a little to the right.) The actual sidebar content remains centered as it should on my phone. I'm puzzled why it does this when I change the color.

I also tried deleting this section: "border-right: 1px solid #d7d7d7;"

But that didn't remove the line for me.

.content-sidebar .content {
border-right: 1px solid #d7d7d7;
padding-right: 25px;
}

.sidebar-content .content {
border-left: 1px solid #d7d7d7;
padding-left: 25px;
}

Wondering what I'm missing? Any ideas? I removed the customization's I tried, so my website is currently displaying as the original way with the vertical line.

Thanks,
Hannah

My site: wovenbeautiful.com

http://wovenbeautiful.com/

[emasai]

Deleting 'border-right: 1px solid #d7d7d7;' should work and not make any difference to the responsive. Do you have some sort of caching? That could be why you didn't see the change.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[hbollinger]

I changed this:

.content-sidebar .content {
border-right: 1px solid #d7d7d7;
padding-right: 25px;
}

To this:
.content-sidebar .content {
padding-right: 25px;
}

...but the vertical line is still there from my view. I'm not using caching that I know of.

[emasai]

I didn't realize you were not removing that line from the style.css file. That is where you need to remove it. The custom css that you are using will only add or change items from the style.css. You would have to write the custom css:
.content-sidebar .content {
border-right: 0;
}

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[hbollinger]

Oh Perfect! That worked. I'm sorry...I should have mentioned where I was making changes. When I make changes, I try to use the custom css when possible so that I remember what I've changed. Good to know that it doesn't work for removing something - I learn as a I go. Thanks for your help!

[Author]

Posts