WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Grey Vertical Divider (7 posts)

  1. laceysuem
    Member
    Posted 5 months ago #

    I am looking to add a grey vertical line between my content and other column. I have tried many different codes and nothing has worked.

    My site: A Lacey Perspective

    Thanks in advance!

    L

  2. martcol
    Member
    Posted 5 months ago #

    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.

  3. laceysuem
    Member
    Posted 5 months ago #

    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

  4. martcol
    Member
    Posted 5 months ago #

    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.

  5. martcol
    Member
    Posted 5 months ago #

    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: http://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.

  6. laceysuem
    Member
    Posted 5 months ago #

    Thank you so much for your help!

    L

  7. laceysuem
    Member
    Posted 5 months ago #

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

    L

Reply

You must log in to post.

About this Topic