How do you edit the css on the page of a certain woocommerce product?

  • Resolved mcasan0va

    (@mcasan0va)


    10 years, 10 months ago

    Hi, i’d like to add this piece of CSS to fix a certain product page. Is there a way to edit the css for a certain product page? this is the only product page that doesnt look right. I tried .page-id-254 but didnt work. 

    .entry-summary {
    margin-top: -506px !important;
    margin-left: 331px;
    padding-bottom: 191px;
}

    Product page: https://coolstencil.com/product/custom-stencil-fonts/

    Thanks!!

Viewing 3 replies - 1 through 3 (of 3 total)

  • You can target the CSS using body class.

    .entry-summary

    will affect all pages, but targeting per page with;

    .page.id .entry-summary

    will do.

    Review with theme provider.

    Hi there!

    Have you tried this?

    .postid-254 .entry-summary {
    margin-top: -506px !important;
    margin-left: 331px;
    padding-bottom: 191px;
}

    The .postid-254 targets the specific page you’re talking about via body classes.

    Thread Starter mcasan0va

    (@mcasan0va)

    Looks like that did it ! Thanks!!!!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How do you edit the css on the page of a certain woocommerce product?’ is closed to new replies.