Page title size

Hello
Can I somehow manually change a bit the height of the Page title size without using the standard settings of the front page (option in the page editor)?
(screen)

Hello,

I saw the screenshot you attached.

To adjust the size and the height of the page title.

You can try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

div.title-size-default .entry-title,
div.title-size-default h1 {
font-size: 18px;
height: 60px;
}

You can adjust the font size and height according to your needs.

Best Regards.

Thanks! noted that the height changes only under the title. and it is limited. Is it possible to change the overall height around the edges? (screen)

Hello,

You are Welcome.

I saw the screenshot you attached. To increase the height of the overall area you need to add the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

.page-title-default {
height: 300px;
}

You can set the height according to your needs.

Best Regards.

big thanks but now another problem. height affects all other pages. how to exclude them?

and one more question, please. How can I change the vertical placement of the social network widget? I want to make it lower

and is it possible to pull up area between categories (screen)

Hello,

You are Most Welcome.

1) You can specify the CSS for the specific page using the CSS rule bellow:

Page id. For example the following CSS will only work on the page whose id will be 5.

.page-id-5 .page-title-default {
height: 300px;
}

You can set the id of the page according to your needs.

2) And to change the position of the sticky social icons you need to use the following Custom CSS in the Custom CSS for desktop area under Theme Settings >> Custom CSS.

body .woodmart-sticky-social-left {
top: 250px;
}

You can adjust the value according to your needs.

3) To adjust the space you need to add the following Custom CSS in the Custom CSS for Desktop area under Theme Settings Custom CSS.

.woodmart-product-categories.has-product-count .cat-item.cat-item-40, cat-item cat-item-39 {
margin-top: -10px;
}

You can adjust the margin value according to your needs.

Best Regards.

1)
how can I assign or define such a page identifier. at the moment, she looks like –
https://domen.com/wp-admin/post.php?vc_action=vc_inline&post_id=7&post_type=page

will that be right? –
.post_id=7 .page-title-default {
height: 300px;
}

3)
one category (last) does not pull up (screen)

Hello,

1) The correct way as I mentioned above will be as following for that particular page:

.page-id-7 .page-title-default {
height: 300px;
}

If it doesn’t work then provide admin panel login details and the URL of the page to check it myself and help you out accordingly.

2) For the category you it seems that you haven’t used the CSS for the item thats why its not pulling up.

Please add the following Custom CSS for that specific item.

.woodmart-product-categories.has-product-count .cat-item.cat-item-39 {
margin-top: -10px;
}

You can adjust the margin accordingly.

Best Regards.

Both points did not work, unfortunately. all this settings at the top in the global css

Hello,

I have changed the class for the title element in Theme Settings Custom CSS and the height is working absolutely fine on my end.

Screenshot for Clarification: https://ibb.co/Np1jMGS

Margin is also working now.

Screenshot for Clarification: https://ibb.co/VqPznDf

Please clear cache and check

Best Regards.

Big thanks!

Most Welcome :-)

If you do not mind, can you please leave a 5 stars rating for our Theme & Customer and Technical Support by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in future. It would encourage our work a lot. If you like our Theme and Support.

Thanks for contacting us.
Have a great day :-)

Topic Closed.
Best Regards.

[Author]

Posts