Archived topic
Dispatch Help
5 replies · Started by Jerry on June 15, 2021
Hi guys,
I am recreating Dispatch elements on my site. On the Single Blog post, the sidebar elements (hover effect) looks good and is "contained". However, on the actual "blog" page, this is not the case. When hovering, it "hovers out of the picture" and the "sidebar" doesn't look the same.
Also, how can I get the same "featured image sizes" that the Dispatch theme uses?
Not sure how to explain but see the video screenshot and the actual pages:
This works/looks good https://sophiafioridiamonds.com/secrets-of-the-signature-collection/ (sidebar WPSP hover effect is good)
This page not https://sophiafioridiamonds.com/blog/ (doesn't align, hover effect is off)
Video https://www.awesomescreenshot.com/video/4139371?key=98356c6ac54f639177e6e45a115a045e
Thank you, hope this made sense?!?
Hi Jerry,
You can give this CSS a try:
.one-container.archive .post.wp-show-posts-single, .one-container.blog .post.wp-show-posts-single {
padding-bottom: 0;
}To remove the dark overlay on top of the posts, go to Customizer > Addtional CSS, remove the background colors:
https://www.screencast.com/t/Mj7NUwuZHXO
Let me know :)
Hi Ying, that partially did the trick!
However, I like to keep the background color but the gradient doesn't stretch the full width of the image (I increased the opacity to 100% to see it easier)
It's because there's a value missing in your CSS, you might've accidentely deleted it:
https://www.screencast.com/t/IY94kSAlwz
Please refer to the screenshot I attached in my last reply to see the original value.
That worked! Thank you as always!
You are welcome :)
