Title: Header Image resize
Last modified: November 25, 2020

---

# Header Image resize

 *  Resolved [cpraed](https://wordpress.org/support/users/cpraed/)
 * (@cpraed)
 * [5 years, 5 months ago](https://wordpress.org/support/topic/header-image-resize-3/)
 * Hello. I want to know how to change the height and width of the home page image(
   first one which is futured) rest of them is fine.
 * I know that it is a futured image from the page, but if I can shrink it from 
   the bottom so that 2500×800 images will be displayed instead of 2000×1200.
 * Please let me know, there must be a way to do that, if there is no easy solution
   please direct to your developers who made this theme, so I can hire them to change
   it the way I want.
 * I hope you respond to me with an solution
 * Thank you!
    Alan
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fheader-image-resize-3%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [fresatomica](https://wordpress.org/support/users/fresatomica/)
 * (@fresatomica)
 * [5 years, 5 months ago](https://wordpress.org/support/topic/header-image-resize-3/#post-13711612)
 * Hi Alan,
 * Try adding this piece of code:
 *     ```
       /* reduce Lodestar front page header image height */
       @media screen and (min-width: 60em) {
         .lodestar-front-page:not(.lodestar-customizer) .custom-header-image {
           height: 50vh;
           padding: 0 20%;
         }
       }
       ```
   
 * You can, of course, modify the numbers to your liking.
 *  Thread Starter [cpraed](https://wordpress.org/support/users/cpraed/)
 * (@cpraed)
 * [5 years, 5 months ago](https://wordpress.org/support/topic/header-image-resize-3/#post-13726814)
 * Hi Fresatomice,
 * It makes the page image look even bigger, so complete the opposite of what I 
   wanted 🙂
    I did try change the numbers, no visible changes occur.
 * Actually lets me explain: I want to shrink the Futured images from the bottom
   on any page Goal is to show the page content, ideally 60% image 40% content when
   the page loads
    I understand that 2000×1200 probably will change to something
   like 2000×800, which I think should work.
 *  [Velda](https://wordpress.org/support/users/supernovia/)
 * (@supernovia)
 * [5 years, 5 months ago](https://wordpress.org/support/topic/header-image-resize-3/#post-13727859)
 * Can you try changing the padding numbers, too? 20% plus 20% is already taking
   up 40% of the screen, plus the height of the box.
 * Maybe something like this:
 *     ```
       /* reduce Lodestar front page header image height */
       @media screen and (min-width: 60em) {
         .custom-header-image {
           height: 30vh;
           padding: 6em;
         }
       }
       ```
   
 *  Thread Starter [cpraed](https://wordpress.org/support/users/cpraed/)
 * (@cpraed)
 * [5 years, 5 months ago](https://wordpress.org/support/topic/header-image-resize-3/#post-13728005)
 * Ok. It seems like it is working.
    Another quick question: if I want to have this
   thing [https://ibb.co/h8npzQJ](https://ibb.co/h8npzQJ) on main page image. So
   it will be here [https://ibb.co/CQ2k7qc](https://ibb.co/CQ2k7qc) I market the
   location.
 * Who do I talk to about it.
    -  This reply was modified 5 years, 5 months ago by [cpraed](https://wordpress.org/support/users/cpraed/).
 *  [KokkieH](https://wordpress.org/support/users/kokkieh/)
 * (@kokkieh)
 * [5 years, 5 months ago](https://wordpress.org/support/topic/header-image-resize-3/#post-13729421)
 * You’d need a plugin for that, but I’m not able to tell you which one. If that
   site is using WordPress, then my guess is that search form is likely part of 
   the Learning Management System (LMS) plugin they’re using to host courses on 
   that site.
 * You can try asking in the general forums at [https://wordpress.org/support/forums/](https://wordpress.org/support/forums/)
   for advice on plugins that include this type of functionality.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Header Image resize’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/lodestar/1.0.8/screenshot.png)
 * Lodestar
 * [Support Threads](https://wordpress.org/support/theme/lodestar/)
 * [Active Topics](https://wordpress.org/support/theme/lodestar/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/lodestar/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/lodestar/reviews/)

## Tags

 * [header image](https://wordpress.org/support/topic-tag/header-image/)

 * 5 replies
 * 4 participants
 * Last reply from: [KokkieH](https://wordpress.org/support/users/kokkieh/)
 * Last activity: [5 years, 5 months ago](https://wordpress.org/support/topic/header-image-resize-3/#post-13729421)
 * Status: resolved