Thank you Andy.
I will have a look at the header settings.
Here is my css edits for the Featured-items:
.featured-post .featured-icon img {
vertical-align: top;
width: 100px;
height: 80px;
margin-top: 0px;
border-radius: 100%;
}
.featured-post {
background-image: url("/wp-content/uploads/2018/09/O8WNFL0.jpg");
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}
.featured-post:hover {
top: -10px;
transition: 0.3s box-shadow top ease-in-out;
/* box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.1); */
-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.75);
box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.75);
}
.featured-post h4 {
position: relative;
margin: 10px 0 10px 0;
text-align: center;
text-transform: uppercase;
font-weight: 300;
color: #323b45;
font-weight: bold;
}I adjusted the icon to better fit the images I used and I have improved the shadow settings to make them visually stand out better. Feel free to use.
-Thomas
