How to set Detail Page Opacity

This topic contains 3 replies, has 2 voices, and was last updated by  Guust 7 years, 2 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #364726

    rigots
    Lifetime Member
    Post count: 275

    Hi,
    I am using starter directory and supreme child theme.

    I want to change the opacity on me featured image on my detail page.
    I used the chrome ‘inspect’ to figure out the CSS I need to set, which is:

    .featured-area::before {
    opacity: 0;
    }

    But if I put these into my CSS section then the opacity for my Home Page gets changed not the featured Picture on my detail page.

    I know that there needs be be something in front of .featured-area::before{} to specify this is for the detail page, but I can’t figure out what that is.

    Can you let me know how to access the .featured-area::before{} for the detail page?

    Thanks,

    #364757

    Guust
    Moderator
    Post count: 29970

    Try

    
    
    .single .featured-area::before {
    opacity: 0;
    }

    Or have a look at the source code of the detail page and look for the classes assigned to the body tag.

    Thanks

    #364787

    rigots
    Lifetime Member
    Post count: 275

    That worked.

    Thank you.

    #364798

    Guust
    Moderator
    Post count: 29970

    You’re welcome 🙂

Viewing 4 posts - 1 through 4 (of 4 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket