Hi Team,
I’m stuck with CSS with Sidebar Widgets (Recent posts & Categories). How can I get the last item on the list to have a margin-bottom of zero value (so the list looks visible nice, seems that there’s extra padding on the widget)? (i have tried before writing this ticket, I think the last item is called last-child)
This is the CSS for Sidebar Widgets
.right-sidebar .widget-title {
font-weight: 700;
font-size: 22px;
margin-bottom: 9%;
text-transform: none;
}
.right-sidebar #recent-posts-2 ul li {
border-bottom: dotted 1px #C0B2CA;
margin-bottom: 5%;
padding-bottom: 5%;
font-size: 15px;
font-weight: 500;
}
.right-sidebar #categories-2 {
background-color: #FFF1E5;
color: #fff;
border-right: 2px solid rgba(0, 0, 0, 0.03);
border-bottom: 2px solid rgba(0, 0, 0, 0.03);
box-shadow: 0 0 10px rgba(232, 234, 237, 0.5);
}
.right-sidebar #categories-2 ul li {
font-size: 15px;
font-weight: 500;
border-bottom: dotted 1px #C0B2CA;
margin-bottom: 5%;
padding-bottom: 5%;
}
li.cat-item.cat-item-159,
li.cat-item.cat-item-158,
li.cat-item.cat-item-160{
display: none;
}