[burridge]

Update: I was able to get this to display by adding additional content into this hook through other means, so it appears that it was an issue of the hook just not displaying at all. Thank you!

[burridge]

AH, hmmm. Okay. It's currently in a development environment so I can't post a link but I will fiddle with the CSS and report back if I figure it out. Thank you.

[burridge]

Atmosphere uses a script called Backstretch for the main page image, which basically resizes the image (and modifies its height/width ratio) based on the size of the screen/browser window. If you need very particular margins on the top and bottom, backstretch isn't a good option for your design - you'll want a different theme that uses a header image, or you can remove the front page image using the customizer and then manually code a background image in the header into the CSS file, which should behave normally (though the sizing will need to be set manually for smaller screens as well).

Also, you can't change any of the display settings for the image using CSS (at least not as far as I can figure out) - they're all set in a backstretch.js file that lives in your theme folder in your WordPress files.

Hope this helps!

Edit: I should also add that you can modify the js file to not crop at the top, which opens up some options (you can just have some excess space at the bottom of the image which will get cropped or not depending on the screen ratio. This is what I did for the site I'm working on right now, which is how I ended up diving into this whole Backstretch thing.

[burridge]

Saw your message on my thread about something similar. I did figure out that you can control your category and tag pages by creating files named category.php and tag.php - not sure why StudioPress themes don't come with these files in the first place. You can basically copy over the code from your home.php file, but in order to get them to run properly, you have to slightly alter your function name.

So in my original home.php file, for example, I have the line:

function goinggreen_grid_loop_helper() {

So in my category.php file, I changed the function to "goinggreen_grid_loop_helper_cat()" and in the tag.php file, I used "tag" instead of "cat", and in both cases, I copied the rest of the code directly from the home.php file, and voilà.

You'll have to upload these files directly to your wp-content/themes/eleven40/ folder through cpanel or whatever you have - there's no way that I know of to add them through the WordPress dashboard.

I never did figure out how to transfer the same settings over to page 2 and beyond of my blog archives, though. By setting the grid_image_size and grid_image_class to the same properties as the featured_image_size and featured_image_class in my home.php file, I was able to get the featured image to show up the same way on page 2+, which was good enough for my purposes. But there are still some differences between the home page and page 2+ that I never figured out how to fix. 🙁

Does this all make sense? Let me know if I can explain something more clearly. I am just figuring this all out as I go.

[Author]

Posts