How to add space to a product page

  • Resolved Anna

    (@annalogic)


    2 years, 6 months ago

    Hello,

    I am new to Woocommerce. I just created my first print on demand shop with Printify integration.

    I managed to edit shop, cart and checkout pages in WordPress editor and Elementor. However the product page is not showing in the ‘pages’ menu, so I can’t really edit the layout manually. I only need to add some space at the top of the page.

    Any ideas how can I do it?

    Anna

    The page I need help with: [log in to see the link]

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

  • Hi @annalogic

    It seems that product page styles on your site are determined by your theme (OceanWP).

    You can confirm that by temporarily switching to the standard WooCommerce Storefront theme and checking the result:
    https://www.woocommerce.com/storefront/

    That said, I recommend that you contact your theme’s developer for assistance.

    Meanwhile, as a workaround, you should be able to add some space at the top by adding the following custom CSS code:

    .product-template-default.single.single-product #site-header.transparent-header {position:relative;}

    Regards

    Thread Starter Anna

    (@annalogic)

    Thank you so much for your answer!

    Maybe a bit stupid question, but where can I add the CSS code?

    I don’t have ‘a page’ to edit for the product page. I can only edit the product details in Woocommerce and I don’t see where I can add the code there.

    Anna

    Hi,

    Sure, no problem.

    Go to WP Dashboard > Appearance > customize > additional CSS.

    For a reference, you can check this tutorial.

    Let us know how it goes.

    Thread Starter Anna

    (@annalogic)

    @ihereira Thank you very much! It helped ??

    Plugin Support Tamirat B. (a11n)

    (@tamirat22)

    Hi @annalogic!

    Glad you found the support you needed! We’ll be here if and when you need help!

    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to add space to a product page’ is closed to new replies.

Tags