[Support request] Add CSS coding to feature image

Home Forums Support Add CSS coding to feature image

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1170562
    Jennifer

    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

    Jennifer
    Living His Word Ministries, Inc.
    www.livinghisword.org

    #1170625
    Leo
    Staff
    Customer Support

    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?

    #1170662
    Jennifer

    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.

    :/

    Jennifer
    Living His Word Ministries, Inc.
    www.livinghisword.org

    #1170685
    Leo
    Staff
    Customer Support

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.