Page title heigh for woocommerce pages

[theSA]

Hi,

How do I change the height of the page title in the webshop?

OR rather I would like to NOT have a page title, but then I’d like to add some space between the header and the product name on the detailed product page… if I don’t use a page title there’s no padding/margin with the result that the product name is sort of mixed with the menu.

So, what I’d like to know is either

1. how to change the page title height (make it smaller), or
2. if not using a page title, how to add padding/margin between menu and detailed product information

Thanks!

[Harry]

Hi Anna,

1. You can change height of page title on shop page by go to JanStudio > Theme Option > WooCommerce > General Setting > Page Title > by default padding top and padding bottom of page title is 55px, you can reduce height of Page title by reduce padding top and padding bottom http://take.ms/TZEIg

2. If you off page title you can add custom css in JanStudio > Theme Option > General Layout > Custom CSS

#jas-content .jas-wc { margin-top: 30px;}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[theSA]

Hi,

Thanks for your answer.

1. This setting adds extra padding to the page title – that wasn’t my question. If using the page title on shopping pages I want the page title to be smaller, not bigger. This is the whole issue for me – that when I use the page title it’s too high. And I don’t want to change the page title in general for all pages, as I use it for the blog posts.
2. I can’t see that this solution has any effect on the product page?

So, to keep the question simplare: I want space between the menu and the detailed shopping page, e.g. 10px. How do I do that the best way? Without it affecting other pages.
See enclosed what I mean – the size between the menu “Press” is too narrow to the product name “MOVE 25 ml”.

Thanks!

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

1. By default the page title existing padding, we add option to reduce the padding of page title.

If you want more smaller, you can hide subtitle and breadcrumbs like this http://take.ms/fbKmO?

2. The prev code only add more space on Shop, Product Category page. If you want add more space for product detail page. you can change prev code to

#jas-content .jas-wc-single { margin-top: 30px;}

I saw you’re using WP Rocket, after you add the code please clear cache to get new update.

Best regards
Harry

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts