Best Premium and Free WordPress Themes › Forums › Click › How can I reduce the size of the Featured image on a posting?
Tagged: Click theme, featured image size
- This topic has 12 replies, 3 voices, and was last updated 6 years ago by acmesupports.
-
AuthorPosts
-
November 27, 2017 at 6:45 am #22345ptcruisinParticipant
Is it possible to reduce the size of the Featured Image once someone clicks on an image on the Homepage and is taken to the individual posting? It seems to be somewhere around 1024×1024 but it over-powers the top area of the post. Can it be reduced to a size similar to what appears when someone simply hovers over a Homepage image?
November 27, 2017 at 10:01 am #22355acmesupportsParticipantHello ptcruisin,
Thank you for using our free theme Click. Images on the single page appear the actual size of the image. If small size image use as a featured image, it will appear like that. So, we recommend you to use the actual image size as you need. Or custom css need to apply to make the image size and it may crop the actual image and will meaningless.Hope you understand.
Regards
November 30, 2017 at 5:41 am #22431ptcruisinParticipantThank you for your prompt reply. I have found that if I upload a smaller image, the post page image is too blurry since it blows it up so large. Here is my site and if you click on any of the homepage images, you will be able to see how over-sized they are in the individual posts. I would like them to be around the same size that they appear when hovered over on the homepage but don’t know where to go to make that change.
Thank you in advance for any solution.
Info-Booklets.comNovember 30, 2017 at 2:45 pm #22450acmesupportsParticipantInside Single, Post Options click theme has Image size Options. Please try that options and look. Maybe that option will be helpful for you.
Let us know the results.
We request you to check all the available options inside Customizer.
Thank youNovember 30, 2017 at 6:50 pm #22468ptcruisinParticipantThank you for your response.
I had tried all of the available selections under image size selections for Single Posts. I tried all of them again with the same disappointing results. For example, if I select 150×150 it still blows the image way up but it is all pixelated so I went back to selecting the size uploaded. The image on the post page must be at least 1024×1024 if not larger. When I look at the source file it just shows ‘automatic’ which would indicate that the setting that needs changing is somewhere in a file that needs editing to a specific preferred size or percentage.
Gene
December 1, 2017 at 4:26 am #22474Acme ThemesKeymasterHello ptcruisin,
Please use the flowing custom CSS:
.single .single-feat .single-thumb-full img { width: auto; }
Best Regards!
Acme ThemesDecember 1, 2017 at 5:45 am #22475ptcruisinParticipantThank you again for your reply.
I added the code to the area for Customizing additional css
I also checked the setting on Single post options and have it set at: full (original).
(I even tried 300×300 but that also did nothing even after clearing my cached files)The original ebook covers that I upload are always 550×630
They are still exploding way above that size when viewed on the single post
I don’t see anywhere here where it allows me to attach a screenshot or I would include them.Again, you can view the post images on my site and see how large they appear compared to the homepage images and the mouse-overs.
Info-Booklets.comGene
December 1, 2017 at 8:56 am #22479Acme ThemesKeymasterHello ptcruisin,
Just wondering if you have used the above custom CSS. You can add that css in the
Appearance => Customize => Additional CSSBest Regards!
Acme ThemesDecember 1, 2017 at 4:05 pm #22490ptcruisinParticipantThat is the location where I mentioned earlier that I have added it to with no changes in the results.
December 1, 2017 at 4:21 pm #22491Acme ThemesKeymasterHello ptcruisin,
We are not getting that CSS code on page source of your site. So we think we didnot add the code. Can you please give us screenshot. You can send screenshot in the email too [email protected]
Best Regards!
ThanksDecember 2, 2017 at 4:35 am #22503Acme ThemesKeymasterHello ptcruisin,
You are missing dot( . ) before the single
Change
single .single-feat .single-thumb-full img { width: auto; }
to
.single .single-feat .single-thumb-full img { width: auto; }
Can you please correct it.
Best Regards!
December 2, 2017 at 5:23 am #22508ptcruisinParticipantTHANK YOU so much!! That did the trick. I’m sorry I missed grabbing the dot when I copied and pasted the code.
Your help and patience is greatly appreciated.
Gene
December 2, 2017 at 12:33 pm #22512acmesupportsParticipantNice to know that your problem is solved @ptcruisin.
Regards
-
AuthorPosts
- You must be logged in to reply to this topic.