Post image size

campncamp
(@campncamp)

6 years, 4 months ago

Hi, I love the design and am trying to imitate the look of the example homepage, in terms of photograph size.
When I put a feature image in my post, it displays as EXTREMELY large on the post page. It looks terrible. On the home page, the “feature image” that posts on the left of the title is cropped in a way I don’t like. I would like my feature photos on the post summaries on the home page to show the whole image, and I like the size of your example just fine. That would work for me.
I don’t know what settings to change.
I also tried embedding an image on the post, removing the feature image. This looked ideal on the post page, but on the summary box on the home page, no image was displayed at all. I hoped embedding the image at the very beginning of the post would make it display on the summary on home page, but it did not.
I have tried scaling my images and reloading, but all this does is make the resolution too low as the template seems to have a size programmed that it stretches the feature image to, regardless of the dimensions I’ve sized it at.
Sorry my message is wordy, I’m trying to explain using my limited technical language!

The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

Theme Author myspaceship
(@myspaceship)

6 years, 4 months ago

Hello @campncamp

Yes, I understand what you mean. At the moment, the post preview (blog, archive) displays the image as the background for container. I made the background image so that it looks good along with the text (if the text is small and the image is large in height, there will be a lot of white space, etc, and with the image on the background, all posts look good).

Basically, I realized what you want to do. You can create a child theme and make changes to the files, if you have experience html/css. If not, can you sketch out what the blog page and post page should look like? If this takes a little time, I would make a child theme for you and send it to you.

justdigitalme
(@justdigitalme)

5 years, 10 months ago

Hi,

I’ve been struggling with the same issue and just spent a few hours looking through the code! If you go to Additional CSS and copy in the following:

.iriska-single-post-thumbnail-wrapper img,
.iriska-page-thumbnail-wrapper img {
width: 100%;
}

Then you will be able to remove the wrapper completely by making the width 0%. Unfortunately, the image becomes uncentered at any other percentage value but I assume this could be fixed somehow and maybe the author can comment on how you would make it centered.

Unfortunately, I don’t really know coding or CSS. Just very basic knowledge of c# has helped me to figure this out. Hope this helps! 😀
justdigitalme
(@justdigitalme)

5 years, 10 months ago
You may also find that adding this into Additional CSS helps with the empty space left at the top after removing the wrapper completely:

.iriska-wrapper-content-archive,
.iriska-wrapper-content-single {
padding: 0px 0px 30px 0px;
}

Adjust the values as you like!

Hope it helps! 🙂
- This reply was modified 5 years, 10 months ago by justdigitalme.
Thread Starter campncamp
(@campncamp)

5 years, 10 months ago

Thanks so much, justdigitalme! I actually closed this website but I will definitely use the template in future so this will help.