Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 30, 2015 at 11:50 am #480627
    vibed

    Hi,

    I would like to change the divider bars in the recent news widget to thin dotted lines. I found the following code in another thread and added it to my custom CSS:

    .widget_recent_entries li {
    margin-bottom: 5px;
    border-bottom: 1px dotted #d3d3d3;
    padding-bottom: 5px;
}
#footer .widget_recent_entries li {
    border-bottom: 1px dotted #444444;
}

    Works for getting dotted lines, but the thick bars are still there. What’s the CSS to remove these bars.

    Preview

    July 30, 2015 at 12:00 pm #480630
    vibed

    Oh, actually it was set with border-top.

    .widget_recent_entries li {
    border-top: 0px;
}

    Solved! But thx for reading! :)

    Final code:

    .widget_recent_entries li {
    margin-bottom: 4px;
    border-top: 1px dotted #d3d3d3;
    padding-bottom: 4px;
}
  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Recent News: remove divider lines’ is closed to new replies.