Using Product Shortcode Looks Different | ww.wp.xz.cn

selym
(@selym)

10 years, 7 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://ww.wp.xz.cn/plugins/woocommerce/

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

Peter Lawrenson
(@lorro)

10 years, 7 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)

10 years, 7 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. 😉
Peter Lawrenson
(@lorro)

10 years, 7 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://ww.wp.xz.cn/plugins/simple-custom-css/
Thread Starter selym
(@selym)

10 years, 7 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

shortcode

4 replies
2 participants
Last reply from: selym
Last activity: 10 years, 7 months ago
Status: not resolved