Image displayed on child pages

raphaelledergerber · Member · December 18, 2019 at 8:18 am
Copy link

Add topic to favorites
Dear all,

We use grid page to display our team (https://ledergerber-partner.ch/ueber-uns). So if you see a child page of a person (e.g. https://ledergerber-partner.ch/ueber-uns/roman-pfund), the main image (portrait) just display the middle of the face. That looks horrible.

How to display on this child pages the face appropriately, good looking?

Thanks in advance for your very appreciated help.

Kind regards,
Raphael

The blog I need help with is: (visible only to logged in users)
tarasdashkevych · Theme Author · December 18, 2019 at 6:02 pm
Copy link
Hi Raphael,

The Featured Image located in the page header section is used as a background image. This background image is centered by default. Also, the browser automatically scales the image as large as possible and maintains image aspect ratio so the image does not get squished.

One way to resolve this issue is to increase the height of the page header for these child pages:
```
.parent-pageid-58 .page-header {
  padding-top: 200px;
  padding-bottom: 200px;
}
```
Alternatively, we can hide a page header background image for these child pages using this custom CSS:
```
.parent-pageid-58 .page-header .th-featured-image {
  display: none;
}
```
Let me know if you have any additional questions.

Thank you,
Taras
raphaelledergerber · Member · December 18, 2019 at 6:08 pm
Copy link
Dear Taras,

This is great. Thank you very much!

All the best,
Raphael
tarasdashkevych · Theme Author · December 19, 2019 at 6:53 pm
Copy link
You are very welcome Raphael!

No items found.