Remove border bottom on recent post widget

  • The links in my template are styled using “border-bottom”. I would like to remove the border-bottom from my recent posts widget and my pages widget.

    I have managed to remove the border bottom from the text widget using
    ‘.textwidget a
    {
    border-bottom: none;
    }’

    I also used the same code to remove the border bottom from the sociable plug in.

    What I have tried so far for the other widgets has not worked. If anyone can help me remove the border bottom from my “recent posts” and “pages” widget I would be thankful.

    Here is the link to my site.

    https://vicegripmarketing.com/

    Steve

Viewing 3 replies - 1 through 3 (of 3 total)

  • .. the border-bottom is in the normal a for the entire site, so you have to move some stuff around.

    a {
border-bottom: 0;
}

.post a {
border-bottom: 1px dotted #535353;
}
    Thread Starter steve-moore

    (@steve-moore)

    Thanks. I understand what you are saying and made the changes. The problem is that it underlined everything in my post that was a link, such as the title, and created a whole different style of link in my widgets.

    I thought that since I could use “.textwidget a” and “.sociable a” to style those, I could use “.recentpostswidget a” or something like it to style the recent posts widget. It just hasn’t worked. I am pretty new to CSS and am learning along the way. I think I need to know what the widget title is so I can style it. I looked in the source but couldn’t figure it out. I suppose I need to learn CSS from the beginning. Thanks for your help

    Steve

    .sidebar h2 is the widget title

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Remove border bottom on recent post widget’ is closed to new replies.