As was foretold, we've added advertisements to the forums! If you have questions, or if you encounter any bugs, please visit this thread: https://forums.penny-arcade.com/discussion/240191/forum-advertisement-faq-and-reports-thread/
Options
CSS Wizards Help - Wordpress Site
Enc
A Fool with CompassionPronouns: He, Him, HisRegistered User regular
A Fool with CompassionPronouns: He, Him, HisRegistered User regular
So, as most of you all know, I make D&D maps and post them on the internet here:
https://falleron.com/
Recently I switched to this current theme (called Natural) which is pretty great in all ways but one. The blog sucks in display formatting. On the front page (see the link above) there is a really tight and good looking "featured posts" area with my latest three posts with a featured tag displaying. They are nice and limited in verticle size, with the feature image displayed on the left and my initial text in the post displayed on the right. This looks really great and I like it a lot.
The blog itself, though, is garbage: https://falleron.com/blog/
It displays the images at a huge resolution and above the image.
What I would love to do is make the blog look like the featured newspost section, but with how Wordpress works I can't access the CSS outside of the customizer (which allows me to replace existing code or add code, but not see the actual CSS code used in the theme). Unfortunately, the Natural Wordpress theme support requires paying a monthly fee to request support beyond what I am already paying for Wordpress, and no other poster seems to have had a problem with the blog.
At this point I am debating if this is something that is even doable and if I should change themes to find one that makes browsing through my recent posts easier (or, alternatively, throwing my hands up in the air and just abandoning making the blog readable).
Any suggestions here are appreciated!
https://falleron.com/
Recently I switched to this current theme (called Natural) which is pretty great in all ways but one. The blog sucks in display formatting. On the front page (see the link above) there is a really tight and good looking "featured posts" area with my latest three posts with a featured tag displaying. They are nice and limited in verticle size, with the feature image displayed on the left and my initial text in the post displayed on the right. This looks really great and I like it a lot.
The blog itself, though, is garbage: https://falleron.com/blog/
It displays the images at a huge resolution and above the image.
What I would love to do is make the blog look like the featured newspost section, but with how Wordpress works I can't access the CSS outside of the customizer (which allows me to replace existing code or add code, but not see the actual CSS code used in the theme). Unfortunately, the Natural Wordpress theme support requires paying a monthly fee to request support beyond what I am already paying for Wordpress, and no other poster seems to have had a problem with the blog.
At this point I am debating if this is something that is even doable and if I should change themes to find one that makes browsing through my recent posts easier (or, alternatively, throwing my hands up in the air and just abandoning making the blog readable).
Any suggestions here are appreciated!
0
Posts
If I make it narrower, the main content shrinks; if I make it wider from there, there's a max.size for the images of 1024px, and once things have got that big, if I make it any larger the main content stays the same size the woodgrain area on the sides expands. What do you want to look different?
Which device/browser are you using? (the shots are above are latest desktop chrome, for reference; incognito mode to make sure there's no adblockers or whatnot getting in the way)
What I think I meant to say there is that the featured image displays in huge fashion on the blog page on the tablet and desktop resolutions. The left is the front page featured post section with the most recent map post, the right is the blog page of the same content. At the same desktop and tablet resolution.
Which is where my problem with it is. If folks want to look at my last 20 posts to see what I've done, the style on the left (from the featured post section) gets the job done a lot better than the style on the right (as I would rather they open up the post to see the full size image).
If you can override the CSS somehow, then you can just add something like 'max-width: 320px' to the setting for the 'feature-img' class, and that'll make the images smaller; if you also add "float:left" and "margin-right: 24px" there, it'll start to look a bit more like what you're after, though you'll probably want to do more work, these are just quick hacks. (this was just using the chrome devtools to play around, though -- how you get this into wordpress is still beyond me).
Unfortunately, after using the CSS replacer the theme is apparently using the same things for a ton of shit. Moving anything with that destroys the portfolio and a number of other things.
Ah well, this can be closed.
If I had access the source I would just build from scratch. Sadly that's not an option unless I pay three times a month what I have now, which isn't in the cards.
If I'm understanding that right you could then use the full power of CSS rules to specifically target the element you need and apply the styling that djmitchella suggested. I'm posting from a tablet so haven't dug through your source, but based on the screenshot above, it looks like just applying to the .feature-img class would do it.
If you're having issues because that particular class is used elsewhere, then you could probably make it specific to feature images within posts using a Decendant Selector. e.g.
.post .feature-img { // djmitchella's styles }