Thomas Amundsen

[Thomas Amundsen]

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

• This reply was modified 5 years, 7 months ago by Andy.
• This reply was modified 5 years, 7 months ago by Andy. Reason: wrapped code in 'code' tags

[Author]

Posts