Grey Vertical Divider

div.site-content {
border-right: 1px solid #C0C0C0;
padding-right: 36px;
}

Something like that might do it but if you ask me, it looks better without.

That worked thank you! Do you also happen to know how to remove the grey dot that showed up in front of my images when I created my header widget area?

Thank you!

L

That dot looks to me like the bullet that is the default style for any unordered list.

You need to add this CSS:

ul {
list-style: none;
}

You should of course, make the CSS more specific because that rule will apply to every ul element. Use a class or id in the rule that will target that list only. I am not currently near a computer where I can look at that.

Well, I have had a look at the code now and you could target that list element like this:

.site-header li {
list-style:none;
}

However, I think that the code is badly formed in that part of your page because the li element is not contained in a ul which is not really allowed. But it is working.

I also noticed that on this page: https://alaceyperspective.com/category/laceys-outfits/ the grey border that you added does not appear. YOu could try adding to the rule I suggested like this:

.site-content article, div.site-content {
border-right: 1px solid #C0C0C0;
padding-right: 36px;
}

This is where CSS gets tricky for me if when adding styles to someone elses code. I think that is OK but you might have to think it through a bit more.

Thank you so much for your help!

L

Also, the grey dot is now gone as well! Thank you thank you!!!

L