I managed to put shadow borders on widgets and posts with the following css.
.widget {
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
padding:5px;
}
.post {
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
padding:5px;
}
Already solve the hover effect in posts tittles and the text of the logo with this css
a:hover, a:focus, a:active {
color: #24D4AB8A;
}
But I still can’t find a way to put borders around elements on my website.