height of featured

  • Author
    Posts
  • #148501

    sisdcarolo
    Member

    Hello,
    Is it possible to reduce the height of featured images on the home page?

    Thank you,
    Florence

    The blog I need help with is sisdcarolo.wordpress.com.

    #148518

    tarasdashkevych
    Theme Author

    Hello Florence,

    Please try this custom CSS to reduce the height of the page header in single views:

    
    #single-featured-img-container .single-featured-img-inner {
        padding-top: 60px;
        padding-bottom: 80px;
    }
    

    Or, are you referring to the image on the Front Page templates (where the Featured Content is located) ?

    Thank you,
    Taras

    #148524

    sisdcarolo
    Member

    Hello,

    Yes, it’s for the image on the Front Page templates.

    Thank you,
    Florence

    #148533

    tarasdashkevych
    Theme Author

    Florence,

    Technically, it’s possible to reduce the height of the featured images on the Front Page but it can cause some issues. The thing is the Front Page template displays thumbnails. These images are automatically generated by WordPress.

    If you change only the height of the image then it will make your image to look squashed. If you change the width and the height then it will leave some space either vertically or horizontally in the container.

    So, you can try to reduce the height of the container and leave the image as is:

    
    .home-category-container .latest-entry .post-thumb {
      height: 200px;
      overflow: hidden;
    }
    

    If you want to change the height of the Featured Content section, please try this custom CSS:

    
    #home-featured-slideshow .home-slideshow li {
      max-height: 300px;
    }
    

    Hope this helps. Let me know if you have any additional questions.

    Thank you,
    Taras

    #148635

    sisdcarolo
    Member

    Taras,

    It’s perfect, thank you!

    Florence

    #148655

    tarasdashkevych
    Theme Author

    You are welcome Florence!

The topic ‘height of featured’ is closed to new replies.