Archived topic
Add CSS coding to feature image
3 replies · Started by Jennifer on February 19, 2020
What is the css code so I can add my own css to customize the post featured images.
https://www.loom.com/share/c31035e70fac4f83969563f8fe41f422
I have used inspect and nothing is working
.featured-img
.featured-image .page-header-image-single
tried div before img before and after
Can you please tell me what code I should add before the css coding below, thank you
?????{
position: relative;
}
?????:before, ?????:after
{
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
-webkit-box-shadow: 0 15px 10px #777;
-moz-box-shadow: 0 15px 10px #777;
box-shadow: 0 15px 10px #777;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}
?????:after
{
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
right: 10px;
left: auto;
}
Thank you for your time and help
Hi there,
That sort of depends on what the code is supposed to do.
Do you have an example with the code applied to show?
I have provided the css code above that I want to add to the post feature image.
I’m not sure how to answer your question when I have already provided the code and a video of your code.
:/
If it's for single posts featured image, the class should be:
.featured-image.page-header-image-single
And for the image itself, it should be:
.featured-image.page-header-image-single img
