Home Forums Pro Themes Magpaper Pro Decrease Height of Archive Header Image

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #118103
    Bob Gonsalves
    Participant

    We would like to decrease the height of the Archive header image (found at Customizing — Theme Options — Blog/Archive). This is the image that shows up at the top of each category page.

    Is there custom CSS code for this?

    Thank you in advance.

    #118177
    wensolutions
    Keymaster

    Hello,

    The header will adjust the height according to the image height so once use the image of smaller height.

    Even if this doesn’t resolve the issue, kindly let us know so that we will provide you with the CSS.

    Regards.

    #118308
    Bob Gonsalves
    Participant

    Thank you for the response. We tried uploading an image with very little height and the image was expanded still.

    Can you please provide the custom CSS code to fix this issue as you mentioned?

    Thank you in advance.

    #118330
    wensolutions
    Keymaster

    Hello,

    Could you please provide us your site URL so that we can provide you with a precise fix that will help you decrease the size of the image

    Regards.

    #118362
    Bob Gonsalves
    Participant

    Here is a link to one of our category pages:

    https://trailer-boats.com/category/boating-news/

    If possible, we only want the image to be as thick as the font size.

    Thank you in advance.

    #128056
    Kingston Kingsley
    Participant

    Hi,

    I am interested in doing the same for my site as it is not adapting to the change in image size– please could you provide the custom CSS for editing the header image size (on any page).

    Thanks

    #128120
    wensolutions
    Keymaster

    Hello @KJKINGSLEY,

    Actually, we are not quite clear with your queries so please explain in detail with proper screenshots and your site URL.

    Regards.

    #128146
    Kingston Kingsley
    Participant

    Hi,

    The site is https://www.therocketsurgery.org/blog/ and I’m referring to the header images at the top of each of the pages (Archive/blog, About, Get Involved, etc.). I would like to reduce the height of the images by about 1/3rd.
    Screenshot: https://ibb.co/SRWrdqC

    Thanks!

    #128264
    wensolutions
    Keymaster

    Hello,

    Regarding your query, you can decrease the height of the header image from pages, for this add below-given CSS by going to Admin Panel > Appearance > Customize > Additional CSS.

    .page #page-site-header {
        padding: 135px 0;
    }

    Hope this helps.

    If you have further queries, let us know.

    Regards.

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