Your account expired support, please renew to get your support.

Home Forums Themes Support Shang Pages and Posts images

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #4914
    scevra
    Support Expired

    Maybe this question has been already addressed somewhere but I can’t find it, so I hope I don’t bother asking:
    I would like to have the possibility to custom each page header image with bigger sizes than the one that comes with the theme. (now called ‘Title background image).
    Is it possible to custom that with a bigger size? And of course a different image for every page. Same thing in blog posts.
    Hope it’s clear. thank you!

    #4920

    Hi,
    Thanks for contacting us and choosing our product!
    About your question you can set image header page title for each page in Page Options (at bottom of page):
    https://prnt.sc/r88gyb
    With special page like Blog, single blog, .. you can see it in Theme Options -> WordPress settings -> Archive/Page/Single settings -> Page Title.
    You can set height of it via add custom CSS in Appearance -> Customize -> Additional CSS:
    Example: we’ll do with contact page:
    You will see page ID by use Inspect Element of Browser like this:
    https://prnt.sc/r88izb
    then add this custom CSS to change Page title height:

    .page-id-461 .haru-page-title-section .haru-page-title-wrapper {
    padding-top: 4%; // You can change to other value
    }
    .page-id-461 .haru-page-title-section .haru-breadcrumb-wrapper {
    padding-bottom: 4%; // You can change to other value
    }
    @media screen and (max-width: 767px) { // For responsive
    .page-id-461 .haru-page-title-section .haru-page-title-wrapper {
    padding-top: 4%; // You can change to other value
    }
    .page-id-461 .haru-page-title-section .haru-breadcrumb-wrapper {
    padding-bottom: 4%; // You can change to other value
    }
    }

    https://www.w3schools.com/css/css3_mediaqueries_ex.asp

    Hope this help!

    ****
    Regards,
    HaruTheme

    #4935
    scevra
    Support Expired

    Thank you! it works fine. The only thing is that I have to do it for each page (with different IDs).
    Do you know if there is a way to set it by default (a default height) through the Css?

    #4939

    Hi,
    To set it for all pages you need remove page-id-x like this:

    .haru-page-title-section .haru-page-title-wrapper {
    padding-top: 4%; // You can change to other value
    }
    .haru-page-title-section .haru-breadcrumb-wrapper {
    padding-bottom: 4%; // You can change to other value
    }
    @media screen and (max-width: 767px) { // For responsive
    .haru-page-title-section .haru-page-title-wrapper {
    padding-top: 4%; // You can change to other value
    }
    .haru-page-title-section .haru-breadcrumb-wrapper {
    padding-bottom: 4%; // You can change to other value
    }
    }

    For special page you must use page-id-x
    Hope this help!

    ****
    Regards,
    HaruTheme

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.