Featured Image/Posts Resize

Hi Aaron,

Thanks for using Tracks!

On the blog, the size of the post is dependent on the content. So shorter excerpts or reducing the size of the titles could work. Let me know if you want to pursue an option like that and I’ll provide the CSS.

If you’d like to reduce the size of the featured image on the post page, the following CSS can do that for you:

.entry .featured-image {
  padding-bottom: 30%;
}

You can copy and paste that code into the “Custom CSS” section in the Customizer (Appearance > Customize). Once added there, it should take affect right away.

The 30% value can be increased/decreased to change the height of the featured image.

Hi Ben,
I also want to decrease the featured image size, but this code didn’t work for me, are there any additional methods for that?
Thanks in advance:)

Okay, if the code above isn’t working there must be something else preventing it. Could you share a link to your site, so I can check it out?

Thanks!

Hi, here is the link to my site: itscer.com
hope we’ll find a way
Thanks:)

Thanks!

I just checked out your site, and I’m not seeing the CSS for the featured image with the rest of your code from the Custom CSS section (screenshot).

I would double-check that the code has been added and saved from your admin. Since the CSS is written to the page, it is also possible that a caching plugin is preventing the code from showing. If you have a plugin for caching, or if your host has a caching feature, try completely emptying the cache to see if this makes a difference.

Firstly , i should say that the support forum of this theme is working very well,you try to help us a lot and thank you for that:)
my problem still continues.As far as I know, I don’t have a plugin for caching feature and I emptied the cache also the code is added to the css but there is no difference unfortunately:/
soo what is next? ??

You’re welcome!

So the next thing to try would be adding that same CSS to the bottom of your child theme’s style.css file instead. I can see that there aren’t any styles added there yet, but the file is being loaded properly on your site and should work.

.entry .featured-image {
padding-bottom: 30%;
}
you mean adding it without changing right? well unfortunately that didn’t work either, maybe I should add ‘front-page’ to somewhere in that code what do you think? (I am kinda ignorant about codes as you can see:))

I’m seeing the featured image shorter on your site now: https://pics.competethemes.com/image/2o2K050O2S43

It looks like the CSS in the child theme has taken affect. Can you verify this?

well,yes I can, yesterday didn’t seem work but maybe it solved with emptying the cache
Thank you so much:)
Also, is there a way to reduce the size of front page’s featured images? or is it something coming with upgraded version?

Great, glad to hear it ??

The height of the images on the front page are dependent on the content. So posts with longer titles and excerpts will have taller images.

If you’re interested, there is a full-width layout upgrade that displays the posts on the homepage with the same design as on the post page. You could then size the featured image to be exactly the same height on the blog and post pages.

hmm ok, had a quick look and like the upgraded version especially featured size issue:),maybe in few weeks i can have it.
thanks:)

Sure, no problem!