Forum Replies Created
I see. Thank You!
Hi Tom, Thank You for the CSS code!
As stupid as it sounds I can’t seem to locate where my screenshot files are located or even if I did take the screenshot. Guess I’ll try my best to explain it. If you click on one of the posts and look at the recent posts on the right, you’ll notice how the containers underneath each image where the title is located has a different size depending on the length of the title. Now, if you look at the homepage, you’ll notice how all of the containers wrapping the wpsp are the same length regardless of the title lengths. That’s what I’m trying to achieve with the recent posts wpsp.
It should be easier to see if you minimize the browser tab to tablet size, click into one of the posts, and scroll down until you see recent posts. It’ll look uneven. You can even compare it to the related post and notice how related posts are even. Hope my explaining is clear.
Thanks in advance!
Totally forgot about that. The CSS looks so much better and way easier. Now I don’t have to manually add the post id to the CSS. Thanks Tom!
Now on to #2 and #3. 🙂
Let me reexplain #2. So, actually it looks fine across all three views (desktop, tablet, mobile). The problem occurs only when I shrink my browser tab. Once the browser tab px is less than tablet but more than mobile, there’s excess margins/padding since the image is not big enough. What I want to do is to show 2 columns until it reaches mobile size if possible. Hope my explaining is clear.
As for #3 it’s still the same. Sidebar widget recent posts padding is inconsistent compared to other wpsp. If the title is shorter, it’s also shorter. It’s not the same as the ones on my homepage where the padding/margin size stays consistent regardless of the title length.
Thank You Tom!
Hello Tom, so I’ve been trying for the past 2 days to get it to work, but I just can’t seem to figure it out. Just to make it clear this is what I’m trying to achieve.
1.) I’m using the same CSS I used on the site I linked here (Password: Generatepress), but only some codes are responding in the site I linked here. When I check wpsp both of my sites, under the “Cards” section is set to “none.” For the site that’s working properly with the code, the “cards” section is not set to “base” but to “none.” So I’m not sure why the site I linked here isn’t responding to the same code even though the settings on wpsp matches with the site that is working.
2.) Even with the code that works, under tablet view (and when I slowly minimize the size of my web browser), the formatting changes. The padding becomes out of place as well as the excerpt. How can i make it look smooth in tablet view and when minimizing the tab?
3.) For the mobile view, I want the image to float on top, centered, just like how it is on desktop but with the height a bit thinner. I’ve decided not to add an excerpt to make it look clean. If it is not possible, it is fine, I just wanted to make it thinner so those on mobile don’t have to scroll a lot to see all the posts on the homepage.
4.) How can I make the shadows around the padding more apparent?
Sorry for so many questions Tom. I’m still learning lol.
Thanks in advance!
Hi Tom, one more thing. For mobile view, I don’t want the image to float left but rather on top. Like “The Most Recent” section of the site I linked yesterday. I’ll include excerpt in desktop but exclude it in mobile view if possible.
Thanks once again!
Hi Tom, I’m kind of a newbie when it comes to this. When I check wpsp both of my sites, under the “Cards” section is set to “none.” For the site that’s working properly with the code, the “cards” section is not set to “base” but to “none.” So I’m not sure why my other site isn’t responding to the same code even though the settings on wpsp matches with the site that is working.
As for the tablet view (and when I slowly minimize the size of my web browser), the formatting changes. The padding becomes out of place as well as the excerpt.
For the mobile code, how come it only works on the home page and not for other pages? And is there CSS to hide excerpt in mobile only?
Just to clarify, everything mentioned is referring to the site linked in this post.
Sorry for so many questions, still learning. haha
Thanks in advance Tom!
Hi Tom, sorry to bother you again. So I tried this CSS on my other site by replacing the wpsp short code and some code aren’t responsive. If you don’t mind can you take a look and see what’s going on? I’ve linked my other site in this post.
Also, for tablet view everything looks out of place. And for mobile view is it possible to make something like this site?
Thanks in advance!
Wow! Thank You so much Tom! There’s just a little issue in tablet view, but I’ll make another thread for that. Thanks once again!