Reduce size of header

  • Author
    Posts
  • #156935

    noxlit
    Member

    Hi, I would like to know how I can reduce the size of header in page and posts. I am happy with the video header, but in About and Team, for example. You will see that header is so big. Also in Literature section header pictures are so big. This is my website https://noxlit.com/team/
    Thanks for your help.

    The blog I need help with is noxlit.com.

    #156941

    sakinshrestha
    Theme Author

    @noxlit: It depends on the image that you have uploaded. So, if you want to reduce the height then upload the image with a smaller height or if it’s ok to crop the image then add the followng CSS in Custom CSS:

    .singular .singular-header-image {
        max-height: 300px;
        overflow: hidden;
    }
    #157192

    noxlit
    Member

    Thank you very much, I only wanted to crop header image, because it looks quite big.

    But I have just realized that when I share the website it doesn’t show logo. It shows another image. I also see that when I share Team and About, it doesn’t look anything.
    Than you very much in advance, I am not expert doing websites, it is a bit complicate for me.

    #157193

    noxlit
    Member

    I have to ask also if it is possible that MENU word looks bigger. I mean if size letters could be more big that now. Thank you very much.

    #157200

    sakinshrestha
    Theme Author

    The site image while sharing is called Open Graph Image and it’s controlled via meta tag, og:image. You can test your site using Facebook open graph test at https://developers.facebook.com/tools/debug/

    You can install plugin like Yoast SEO https://wordpress.org/plugins/wordpress-seo/, read more at https://yoast.com/social-media-optimization-with-yoast-seo/

    #157201

    noxlit
    Member

    I installed plugin Yoast SEO but when I share in Facebook, post show many pictures. I will try again.

    About the size in letters of MENU word, is there a possibility that this word looks bigger?
    or how can I make and horizontal menu?
    Thank you very much for your help

    #157202

    sakinshrestha
    Theme Author

    After installing the plugin, it should take the featured image, and also, you can set up the default image when there is no featured image on a particular page or post. So, once activated, you need to go to SEO -> Social and simply click no Enable “Add Open Graph meta data” and add details. Read this here https://yoast.com/help/getting-open-graph-for-your-articles/

    Further, you can edit each individual page/post metadata accordingly by editing the page/post.

    To incerease the size of the menu word, you can add the following CSS in “Custom CSS

    .menu-toggle {
        font-size: 16px;
    }
    #157317

    noxlit
    Member

    You were kind, thank you very much for your help. I have another questions:

    1.- At the bottom place of https://noxlit.com you will see:
    .Powered by NOXLIT . How I could erase that point.

    2.- Why there are blue points around the pictures? Is it possible to remove?
    Look: https://noxlit.com/category/literature/prose/ those blue point are in almost all pictures in website.

    #157352

    sakinshrestha
    Theme Author

    1. For footer credit, check this https://wordpress.com/support/footer-credits/#change-the-footer-credit

    2. Which blud points are you talking about? I can’t see it. Can take a screenshot and upload it in your site or any photo sharing site and share the URL here.

    #157359

    noxlit
    Member

    Hi Sakin, thank you for your replying. I added this CSS in “Custom CSS”

    /* Your need Content */
    .site-info:after {
    content: ‘Powered by NOXLit’;
    }

    I would like to erase that point before Powered

    .Powered by NOXLit

    Thanks for your help!

    #157376

    sakinshrestha
    Theme Author

    Ok there is no option to remove that dot. But you can do that with Custom CSS using colors as below:

    .site-info {
        color: #222;
    }
    .site-info:after {
        color: #fff;
    }
    

The topic ‘Reduce size of header’ is closed to new replies.