Page Title and Page Header Background Image

[Biko]

Hi,
The Inner Page Title is not vertically centered when installing the SKT BUDDHISM theme.
1. How to center this page title?
2. How to reduce Page Header Background Image and make page title always centered.
Thanks in advance.

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.skt-page-title h1 { text-align: center;}
.page_head, .post_head, .services_head { height:280px;}

Regards,
Dave

[Biko]

Hello,
The page title has been centered horizontally.
But it was not centered vertically (top to bottom).
See screenshot: https://prnt.sc/GSnjWV1HjkER
Thanks in advance.

[Sonnal S Sinha]

Hi,

Okay, Kindly show us your website URL?

Regards,
Dave

[Biko]

Hi,
I do not want to publicly share the URL of the site, I work for third parties.
Is there another way to show you this URL, for example an email address?
Thanks

[Sonnal S Sinha]

Hi,

Kindly send us your website URL via email:[email protected].

Regards,
Dave

[Biko]

Hello,
The project has just been set up, it is not even visible to the owner yet because access is locked in construction mode. Unless I give you the access codes, when that’s also not possible.
The page title has been centered horizontally.
But it was not centered vertically (on the height).
Everything is visible on the screenshot: https://prnt.sc/eLfIVFXuuD03
Thank you for your assistance.

[Sonnal S Sinha]

Hi,

Kindly use this CSS.

.skt-page-title { top: 37%;}

Regards,
Dave

[Biko]

Hi,
Perfect, the page title is now centered vertically.
But, I can’t reduce the height of the Page Header Background Image.
When I reduce the height of the Page Header Background Image for example to 150 px, I get the reduced image with a gray background that protrudes from the image.
See screenshot: https://prnt.sc/ScxwDpCMJ3ih
How to drastically reduce the Page Header Background Image without gray background overflow?
Thank you in advance for your assistance.

[Sonnal S Sinha]

Hi,

Kindly use this CSS.

.page_head, .post_head, .services_head { min-height:inherit !important; height:150px;}
.page_head img, .post_head img, .services_head img { height:auto !important;}

Regards,
Dave

[Author]

Posts