WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] How do you edit the css on the page of a certain woocommerce product? (4 posts)

  1. mcasan0va
    Member
    Posted 2 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: http://coolstencil.com/product/custom-stencil-fonts/

    Thanks!!

  2. Pioneer Valley Web Design
    Member
    Posted 2 months ago #

    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.

  3. EMG
    Forum Volunteer
    Posted 2 months ago #

    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.

  4. mcasan0va
    Member
    Posted 2 months ago #

    Looks like that did it ! Thanks!!!!

Reply

You must log in to post.

About this Topic