Increase page (header) title

Please let me know how to increase the header height of the page title.

For ex: https://woodmart.xtemos.com/faqs/demo/retail-2/
Like, on the above page so that the image behind the title (FAQ) is visible more.

Thanks.

Hello,

You can increase the font-sizes of the theme from Theme Settings >> Typography.

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

If you want to ask anything else then provide with some relevant screenshots of the specific area to check it myself and help you out accordingly.

Best Regards.

Thanks.. sorry if I didn’t make myself clear.
Please see the attached image.
The height of the header is 200px.
How can I increase it to say, 300px.
The image background was set using the Page Title Options.
Thanks.

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached. To increase the height of the page title header you need to add the following Custom CSS code in the Global Custom CSS area under Theme Settings >> Custom CSS.

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

You can set the height accordingly.

Best Regards.

Thanks a lot.
Increased the height with the above css.. (though it doesnt come to 300px, its 30-40 pxls less). That’s ok.
But how to vertically center the title when the height is increased.

Hello,

To adjust the title and content to the center you need to add the following Custom CSS code in Global Custom CSS area under Theme Settings >> Custom CSS.

.title-size-default {
padding-top: 70px;
}

You can adjust the value according to your requirements.

Best Regards.

Thanks a lot.

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts