Using Product Shortcode Looks Different

  • selym

    (@selym)


    8 years, 6 months ago

    I want to have a single product as my homepage, so I created a new page and used the product page id shortcode, which works, but I notice it puts a chunk of space above the item. I noticed this when comparing the actual product page to the page with the shortcode.

    Does anyone know why I might be getting slightly different display results between the two?

    https://wordpress.org/plugins/woocommerce/

Viewing 4 replies - 1 through 4 (of 4 total)
  • lorro

    (@lorro)

    8 years, 6 months ago

    It may be possible to correct this with some custom css. Themes vary, so please post the url to your site.

    Thread Starter selym

    (@selym)

    8 years, 6 months ago

    Hi lorro-

    Thanks for responding.

    Here’s the direct product link: http://bit.ly/1k2WsLO

    Here’s the page with the product id in it (which I made the homepage). http://bit.ly/1jwCeti

    Any help would be appreciated. 😉

    lorro

    (@lorro)

    8 years, 6 months ago

    Yes, there’s two big margins in there. Try this in your custom css:

    .page-id-7720 .postcontent {margin-top:0}
.page-id-7720 .leftContentSP, .page-id-7720 .rightContentSP {margin-top:0}

    If your theme does not have a setting where you can enter custom css, you can use a plugin like this one:
    https://wordpress.org/plugins/simple-custom-css/

    Thread Starter selym

    (@selym)

    8 years, 6 months ago

    Perfect. Thanks lorro. I have a child theme, so I just added that to the style.css and it worked like a charm. Thank you very much!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Using Product Shortcode Looks Different’ is closed to new replies.

Tags