Change image size on posts listing

Support
#1

Hi there,

I’ve been reading a lot and trying to do something, but to no avail.
I am using Ethos stack and the classic blog posts, not masonry.
I really like how they get listed on the blog page with the text to the right and the image to the left.
However, my blog posts featured-images are always square.
Can you please point me to the files in the theme that take care of the sizing of these images, so that I can edit them in my child theme. Right now the image is like 16:9 or something like that.

Thank you in advance!

Regards,
Dobromir Dikov

#2

Hi Dobromir,

In Ethos stack blog page, those feature image is set as background image. If you want to be squared, we can just adjust it using custom CSS. Try adding the following:

 .blog a.entry-thumb {
     padding-bottom: 89%;
  }

Try adjusting 89% accordingly. That is 65% by default.

Hope this helps.

#3

Hi Lely :smile:

Thanks for your response. I tried the solution you suggested, sadly to no avail.
I tried placing the code in the Custom CSS field of X, also in the custom CSS of the Wordpress admin area as well, and at last I tried placing it in the style.css in my child theme. So far no success, it still appears as 65% when I inspect the element on the blog page.

Do you have any other suggestions by chance?

Thank you,
Dobri

#4

Hi there,

This shows that there should be a cache problem in the way blocking the change in front-end. Try to use ctrl+F5 (Windows), cmd+R (Mac) to clear the cache of the browser.

Also if you have a cache plugin kindly purge the cache and deactivate the plugin. If the problem persists kindly get back to us with the URL/User/Pass of your website using the Secure Note functionality of the post to follow up the case for you.

Thank you.

#5

Hi Chrostopher,

I have already tried flushing cache of the browser and using incognito mode on Chrome, also I have no caching plugin yet.
I am still unable to get this solution to work. I think it’s connected to another problem I have. Ever since I installed the child theme, my X plugins do not show as installed in X dashboard and when I try to install some, I end up having them twice - once with 'X - ’ in the front and once without.
Can you please look into this, maybe it has something to do with why custom CSS won’t work.
And also, please let me know about this double-plugins issue, as I’d like to keep my plugins page clean.

Thank you in advance!
Regards,
Dobri

#6

Hi There,

There is a syntax error in your custom CSS. I’ve already corrected it.

Everything should be fine now.

Cheers!

#7

Thanks Thai,
all is sorted now, just need to figure out the double plugin situation.

#8

I checked your website and could not find why this double plugin problem is happening.

I suggest that you backup your website completely and keep the changes which you have done on your child theme. Then go to your Themeco dashboard and download the newest version of the Child Theme and add it to your website.

See if that helps. Thank you.

#9

I figured it out with help from your colleague, it was due to the update and new plugin folders you introduced with last version.
Thanks!

#10

Glad you’ve figured it out.

Cheers!