- This topic has 13 replies, 3 voices, and was last updated 9 years, 5 months ago by Sakin.
-
AuthorPosts
-
February 16, 2014 at 5:05 am #20410ZoranParticipant
Hi
Is it possible to get smaller images in blog/posts (from 210×210 to 150×150).
http://www.1234.in.rs/slike/s1.pngThanks in advance
February 16, 2014 at 10:23 am #20416SakinKeymaster@Zoran: You need to build child theme and do the customization. So, first build child theme and then copy
content.php
file from Simple Catch Pro theme to your child theme and then replace the code
<?php the_post_thumbnail( 'featured' ); ?>
with the following
<?php the_post_thumbnail( 'thumbnail' ); ?>
Then this change will take the image size of thumbnail that you have assigned in your “Settings => Media => Thumbnail size”.
February 16, 2014 at 10:00 pm #20425ZoranParticipantHi Sakin
I build child theme. Configuration are little changed but works. I test first all on my local computer.
Beside created style.css, I copied content.php to folder simple-catch-pro-child and changed what you suggest me. I also copied function.php to same folder and changed
/* We’ll be using post thumbnails for custom features images on posts under blog category.
*/
set_post_thumbnail_size( 170, 170 );// Add Simple Catch Pro’s custom image sizes
add_image_size( ‘featured’, 170, 170, true); // uses on homepage featured image
add_image_size( ‘slider’, 976, 313, true); // uses on Featured Slider on Homepage HeaderPictures are really smaller but I can`t resize frame about pictures.
http://www.1234.in.rs/slike/s5.pngFebruary 17, 2014 at 11:27 am #20446SakinKeymaster@Zoran: You can try adding in the following CSS in your child theme style.css file.
.post .post-thumb { max-width: 170px; }
February 17, 2014 at 9:06 pm #20457ZoranParticipantHi Sakin
I tested on one more test site and I tried and I only add
.post .post-thumb { max-width: 170px; } in external css.
http://www.1234.in.rs/slike/s8.pngIt will be nice if is possible expand width of post to the maximum.
Anyway, I got it what I want. Thanks
February 17, 2014 at 10:46 pm #20461SakinKeymaster@Zoran: Sorry I don’t get it what you mean. Can you explain in reference to your test site.
February 17, 2014 at 11:28 pm #20465ZoranParticipantText in post to be full width
February 18, 2014 at 12:18 am #20474SakinKeymaster@Zoran: That will be difficult as the width has to change as per responsive design. So better hire a customizer through http://catchthemes.com/hire-customizer/
October 30, 2014 at 12:45 am #46590Em SmilingheartMemberHi,
http://www.smilingheartsdiary.com
I’d like to reduce thumbnail size in the category pages (currently 210 x 210). If possible, to add code to Appearance => Theme Options => Custom CSS.
1) Can the thumbnails become 210 x 67 (or proportional to the slider images, 976 x 313)?
2) Will the white outline be retained? It’s really nice.
Thanks in advance. 🙂
October 30, 2014 at 10:05 am #46644SakinKeymaster@Em Smilingheart: Sorry that is not possible with the css to reduce the height only. Sorry I don’t get your second point.
October 30, 2014 at 7:07 pm #46659Em SmilingheartMemberI see 🙁
Thank you. 🙂
(The second point was just referring to the current thin line around the square thumbnail, that it will also become a rectangle if the thumbnail is resized to slider-image proportions.)
November 1, 2014 at 11:32 am #46748November 1, 2014 at 1:34 pm #46750Em SmilingheartMemberYour theme’s practically perfect. Loving it, it’s beautiful. Was just trying to improve on perfection, I guess, haha.
Thanks for your reply. 🙂
November 1, 2014 at 7:52 pm #46758SakinKeymasterYes, thanks for your feedback and appreciation.
-
AuthorPosts
- The topic ‘How to have smaller images in posts’ is closed to new replies.