Page Title and Page Header Background Image

Home Forums All Other Themes Page Title and Page Header Background Image

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #195640
    BikoBiko
    Participant
    • Topics: 23
    • Replies: 38
    • Total: 61
    Member since: November 29, 2019

    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.

    #195646
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 28808
    • Total: 28808
    Member since: August 16, 2013

    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

    #195803
    BikoBiko
    Participant
    • Topics: 23
    • Replies: 38
    • Total: 61
    Member since: November 29, 2019

    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.

    #197242
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 28808
    • Total: 28808
    Member since: August 16, 2013

    Hi,

    Okay, Kindly show us your website URL?

    Regards,
    Dave

    #197325
    BikoBiko
    Participant
    • Topics: 23
    • Replies: 38
    • Total: 61
    Member since: November 29, 2019

    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

    #197347
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 28808
    • Total: 28808
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Dave

    #197605
    BikoBiko
    Participant
    • Topics: 23
    • Replies: 38
    • Total: 61
    Member since: November 29, 2019

    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.

    #198154
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 28808
    • Total: 28808
    Member since: August 16, 2013

    Hi,

    Kindly use this CSS.

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

    Regards,
    Dave

    #198317
    BikoBiko
    Participant
    • Topics: 23
    • Replies: 38
    • Total: 61
    Member since: November 29, 2019

    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.

    #198319
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 28808
    • Total: 28808
    Member since: August 16, 2013

    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

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.