post length bug

usinarevista · Member · Apr 13, 2017 at 3:19 am
Copy link

Add topic to favorites
Hey again everyone (and thesacredpath). I’m having some trouble with this posts: https://revistausina.com/2017/01/01/caminhos-para-outro-cinema/, I’ve tried reposting it and updating the CSS but to no avail. The posts is half the length it should be, and I don’t know why, maybe I screwed with the code but couldn’t find what is messed up…

Thanks a lot!

The blog I need help with is: (visible only to logged in users)
otpidusprime · Member · Apr 13, 2017 at 8:16 am
Copy link
Hello @usinarevista,
There this custom CSS you have on your site:
```
#wrap-caminhos-4 {
    position: relative;
    height: 380px;
    width: 500px;
}
```
The height: 380px; property is setting a fixed height, and therefore…. the issue.

So to solve it, just remove that height property or set it to auto, like this:
```
#wrap-caminhos-4 {
    position: relative;
    height: auto;   // height changed to auto
    width: 500px;
}
```
or like this:
```
// height property removed
#wrap-caminhos-4 {
    position: relative;
    width: 500px;
}
```
Hope this helps :)
usinarevista · Member · Apr 13, 2017 at 11:24 pm
Copy link
Thanks prime, but it didn’t work :(

When I delete the height line the hover gets wrong and off limits until the following number (5). I think there’s a bug because the HTML and the CSS is the same for all numbers of the post, and oddly the number 4 is not behaving as it should. When inspected the post appears to end after the number 4…
otpidusprime · Member · Apr 14, 2017 at 9:02 am
Copy link
The posts is half the length it should be, and I don’t know why, maybe I screwed with the code but couldn’t find what is messed up…

Okay, the answer I gave above solve this issue, but it creates another problem as you said…

When I delete the height line the hover gets wrong and off limits until the following number (5).

Also the, on number 5, when i hover over it, the hover behavior is also triggered for number 4 as well. And also the images are getting out of the parent wrapper(entry-content). So i guess it would take a lot time to go trough all the code and see what’s the issue is.

So instead of doing that i re-created your layout completely from scratch(with responsiveness), check it out here: http://codepen.io/anon/pen/VbYMYx, copy and paste it(before the “RELACIONADO” section) and let me know if it works. Don’t worry about the styling, it will pickup the default styles from the theme CSS.

Thanks! :)
usinarevista · Member · Apr 14, 2017 at 10:35 pm
Copy link
Wow otpidusprime! That’s a great help. You’re a really good guy and coder hehe

It works perfectly. Thanks very much :-)

No items found.