Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 4, 2025 at 1:42 am #77425
    Jim McD
    Participant
    Premium Member

    <p class=”md-end-block md-p md-focus” style=”box-sizing: border-box; line-height: inherit; orphans: 4; margin-top: 1rem; margin-bottom: 1rem; white-space-collapse: preserve; position: relative; color: #4d4640; font-family: ‘Segoe UI’, Arial, sans-serif;”><span class=”md-plain md-expand” style=”box-sizing: border-box;”>Site: dev2.thehiddenmanna.org</span></p>
    Settings:

    <span class=”md-plain” style=”box-sizing: border-box;”>Top Bar is turned OFF.</span>
    <p class=”md-end-block md-p” style=”box-sizing: border-box; line-height: inherit; orphans: 4; margin-top: 1rem; margin-bottom: 1rem; white-space-collapse: preserve; position: relative; color: #4d4640; font-family: ‘Segoe UI’, Arial, sans-serif;”><span class=”md-plain” style=”box-sizing: border-box;”>Loaded an image of size 1300×460 in the Media Library</span></p>
    <p class=”md-end-block md-p” style=”box-sizing: border-box; line-height: inherit; orphans: 4; margin-top: 1rem; margin-bottom: 1rem; white-space-collapse: preserve; position: relative; color: #4d4640; font-family: ‘Segoe UI’, Arial, sans-serif;”><span class=”md-plain” style=”box-sizing: border-box;”>Used the customizer to load it, uncropped, into the Ashe Pro front page, which is a static page showing the latest post.</span></p>
    <p class=”md-end-block md-p” style=”box-sizing: border-box; line-height: inherit; orphans: 4; margin-top: 1rem; margin-bottom: 1rem; white-space-collapse: preserve; position: relative; color: #4d4640; font-family: ‘Segoe UI’, Arial, sans-serif;”><span class=”md-plain” style=”box-sizing: border-box;”>In the customizer, Page Header Settings: 1) Header type: Image, 2) Render Type: Background, 3) Height must be set to 670 to show the whole height of the image in the customizer. However, u</span><span class=”md-plain” style=”box-sizing: border-box;”>sing a screen ruler shows that the displayed image height is 740px in the customizer page. </span></p>
    <p class=”md-end-block md-p” style=”box-sizing: border-box; line-height: inherit; orphans: 4; margin-top: 1rem; margin-bottom: 1rem; white-space-collapse: preserve; position: relative; color: #4d4640; font-family: ‘Segoe UI’, Arial, sans-serif;”><span class=”md-plain” style=”box-sizing: border-box;”>In the actual web page, the header is clipped to show the middle 330px of the image!</span></p>
    I have played around with various customizer settings and sized of images.
    <p class=”md-end-block md-p” style=”box-sizing: border-box; line-height: inherit; orphans: 4; margin-top: 1rem; margin-bottom: 1rem; white-space-collapse: preserve; position: relative; color: #4d4640; font-family: ‘Segoe UI’, Arial, sans-serif;”><span class=”md-plain” style=”box-sizing: border-box;”>If I use the background image setting, the image is not rendered correctly at all browser window widths. I stumbled on the fix, which is to set the image rendering to HTML Image (responsive Fix). </span></p>
    <p class=”md-end-block md-p” style=”box-sizing: border-box; line-height: inherit; orphans: 4; margin-top: 1rem; margin-bottom: 1rem; white-space-collapse: preserve; position: relative; color: #4d4640; font-family: ‘Segoe UI’, Arial, sans-serif;”><span class=”md-plain” style=”box-sizing: border-box;”>HOWEVER, this setting makes the image in the actual web page (live page) to come out 900px heigh, AND this </span><span class=”md-pair-s ” style=”box-sizing: border-box;”><strong style=”box-sizing: border-box;”>cannot</span><span class=”md-plain” style=”box-sizing: border-box;”> be adjusted. The height setting has no effect. Even if I use an image with a smaller height, Ashe Pro will still stretch the picture to 900px high.</span></p>
    <p class=”md-end-block md-p md-focus” style=”box-sizing: border-box; line-height: inherit; orphans: 4; margin-top: 1rem; margin-bottom: 1rem; white-space-collapse: preserve; position: relative; color: #4d4640; font-family: ‘Segoe UI’, Arial, sans-serif;”><span class=”md-plain md-expand” style=”box-sizing: border-box;”>I hope there is a simple thing I’m getting wrong. Is there? Can I get a fully responsive header image that is of the height I want, not what Ashe Pro wants?</span></p>
    –

    November 4, 2025 at 2:22 am #77426
    Jim McD
    Participant
    Premium Member

    Sorry about the mess in the first post. I tried to edit it, but the edit didn’t take. Here’s what I wanted to say:

    Site: dev2.thehiddenmanna.org

    I can’t get the header image to render at a size I want. Ashe Pro settings don’t work well, and some are ignored.

    Customizer Settings:

    – Top Bar is turned OFF.

    – Page Header Settings:

    1) Header type: Image

    2) Render Type: Background (At first- see below)

    3) Height must be set to 670 to show the whole height of the image in the customizer.

     

    Loaded an image of size 1300×460 in the Media Library

    Used the customizer to load it, uncropped into the Ashe Pro front page, which is a static page showing the latest post.

    Using a screen ruler shows that the actual image height is 740px in the customizer page.

    In the actual web page, the header is clipped to show the middle 330px of the image!

    If I use the background image setting, the image is not rendered correctly at all browser window widths.

    I stumbled on the fix, which is to set the image rendering to HTML Image (responsive Fix).

    HOWEVER, this setting makes the image in the actual web page (live page) come out to 900px high, and this *cannot* be adjusted. The height setting has no effect. Even if I use an image that is of a smaller height, Ashe Pro will still stretch the picture to 900px height.

    I’m trying to get an image of about 1300x450px on the live site. I can’t figure out how to do it.

    I have found that if I use Ashe to put the site title over the image, I can’t position it where I want, and it doesn’t render at all sizes correctly, so I want to put it in the image I’m going to use. First, I want to get the image to come out at a size I like on my page, then I’ll add the text in the JPG file. But after spending hours on this, I’m at a loss.

    I hope there is a simple thing I’m getting wrong.

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