Need help to change the height of the post picture on the home page.

alenaalimova · Member · Aug 27, 2016 at 7:17 pm
Copy link

Add topic to favorites
Hi. Can someone help me to figure out how to change the height of the computer version of the home page picture on alenaalimova.com On mobile devices it looks good, but computer version of it is too short.

thank you.

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Aug 28, 2016 at 3:38 am
Copy link
Hi there, Go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS and see what you think. I’ve used a Media Query so that this is applied only to screens/window widths 800px and wider.
```
@media screen and (min-width: 800px) {
  body.page .hentry.has-post-thumbnail .wp-post-image, body.single .hentry.has-post-thumbnail .wp-post-image {
    transform: translate(-50%, 0) !important;
    top:  0 !important;
  }
}
```
alenaalimova · Member · Aug 28, 2016 at 8:25 pm
Copy link
Thank you. It’s almost what I needed, but what I am trying to do is to display the picture on the home page for the post-109 with 920px height and leave other post pictures without changes.
notforprofitsolutions · Member · Aug 29, 2016 at 5:11 pm
Copy link
“Hi! I want my header post picture to be a bit taller (my current CSS is cutting it off), and I would also like the post title to be in the lower-left-hand corner. Can someone craft that code for me? Thanks!”
thesacredpath · Member · Aug 29, 2016 at 8:52 pm
Copy link
Hi @notforprofitsolutions, since you are using a different theme, and since CSS is generally theme specific, can I ask you to create a new thread in the CSS Forum? Many thanks in advance.
thesacredpath · Member · Aug 29, 2016 at 8:58 pm
Copy link
@alenaalimova, thanks for the clarification. We can be a bit more specific with the CSS selector to target just pot 109 on the main page. Give this a try and see if this gets you what you are looking for.
```
@media screen and (min-width: 800px) {
  body.page #post-109.has-post-thumbnail .wp-post-image {
    transform: translate(-50%, 0) !important;
    top:  0 !important;
  }
}
```
notforprofitsolutions · Member · Sep 5, 2016 at 3:50 pm
Copy link
Hi Sacredpath. I did supply an independent thread with no replies. I am asking for notforprofitsolutions.com.au
thesacredpath · Member · Sep 7, 2016 at 7:15 am
Copy link
@, sorry your original posting was missed. I’ve replied to it and you can click the following link to get directly to it: https://en.forums.wordpress.com/topic/featured-image-to-be-taller-current-css-cutting-it-off?replies=3#post-2732719

No items found.