Header Image resize

Resolved cpraed
(@cpraed)

5 years, 5 months ago

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 to see the link]

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

fresatomica
(@fresatomica)

5 years, 5 months ago
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
(@cpraed)

5 years, 5 months ago

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
(@supernovia)

5 years, 5 months ago
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
(@cpraed)

5 years, 5 months ago
Ok. It seems like it is working.
Another quick question: if I want to have this thing https://ibb.co/h8npzQJ on main page image. So it will be here 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.
KokkieH
(@kokkieh)

5 years, 5 months ago

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/ 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.

Tags