Support » Fixing WordPress » How do you edit the css on the page of a certain woocommerce product?

  • Resolved mcasan0va

    (@mcasan0va)


    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: http://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.

    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.