Tips and Tricks HQ Support Portal › Forums › WP Photo Seller › Photo Seller – Change Thumbnail Size of Albums and Galleries
Tagged: album thumbnails, custom css, custom css plugin, language file npt translate, thumbnail size
- This topic has 9 replies, 4 voices, and was last updated 9 years, 8 months ago by Peter.
-
AuthorPosts
-
January 24, 2015 at 12:01 am #12107mashdunMember
Is there a way to change the thumbnail sizes of the Album and Galleries covers?
January 24, 2015 at 11:43 pm #68240PeterMemberCurrently the plugin has a number of gallery templates which you can choose from. Most templates have 150px thumbs but we also have some which vary according to whether image is portrait or landscape but there isn’t a way to specify your own thumbnail size.
What in particular are you looking for in terms of thumbnail size?
February 4, 2015 at 6:44 pm #68241ruddygoodMemberHi Peter,
I am looking for the same as Mashdun. Ideally I want the thumbnails to be 200×200 as per the custom thumbs created by uploading to my media gallery.
I looked in the plugin directory to see if I could amend template 1 to do this – but the directory for this (under plugins/wp-photo-seller/views/photo/template-1) is empty.
Is it easy for me to update?
Thanks!
Steph
February 4, 2015 at 7:09 pm #68242mashdunMemberIdeally it would be nice to set the thumbnails to whatever size we would like. For me 150×150 is too small for the Album and Gallery thumbnails.
I did change the Gallery template to Template 2, but I’m not seeing a change. Maybe I have to regenerate the pages???
February 4, 2015 at 10:58 pm #68243PeterMemberI did change the Gallery template to Template 2, but I’m not seeing a change. Maybe I have to regenerate the pages?
No you don’t have to regenerate the pages.
Did you click the gallery settings save button after making the change?
Do you have a caching plugin – try clearing site and browser cache.
Can you provide the link to the gallery you say should be displaying template 2 but is displaying another template?
February 5, 2015 at 8:33 am #68244ruddygoodMemberHi Peter
Would you prefer I open a new thread to ask how to change the thumbs to be 200×200 in template1?
Thanks
Steph
February 6, 2015 at 12:15 am #68245PeterMemberHi Steph,
For now as a workaround you can try the following CSS tweak and let me know what you think:
1) Go and grab the following plugin:
http://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413
2) Then add the following CSS code in the settings of the above plugin:
#gallerybuy .item {
max-width: 230px !important;
}
.wps-gallery-template1-thumb img {
height: 200px !important;
width: 200px !important;
}February 7, 2015 at 9:55 pm #68246dadepfanMemberHi Peter
This workaround does not work for me. I downloaded the plugin, installed it and activated it. It now appears under WordPress settings (not under WP Photo Seller), and when I open it up and add the following code:
#albumcontainer .album_item_container{
max-width:300px;
}
#albumcontainer .album_item_top{
max-height:300px;
And then save it, nothing changes on my site, even after clearing all browsing data. Via FTP I’ve noticed that the custom css file containing my code is called “wp-custom-css.css” and is located in the custom css plugin’s main directory (not it’s css subdirectory, and not anywhere under the WP Photo Seller plugin directory.
However, there is a wps-custom-styles.css file in the WP Photo Seller plugin css subdirectory that does not contain anything. The ONLY way I can increase the size of the album thumbnails on the entry page of my site is to edit the album-home.css file with my code (above), which is located in the ../views/album folder under the WP Photo Seller plugin directory. Strangely, this only changes three of my 4 album icons. The first album icon (Digital Art) remains the old size.
Anyway, I do not want to edit the WP Photo Seller css files directly, which is why I am using the Custom CSS plugin.
Any ideas?
February 7, 2015 at 11:41 pm #68247PeterMemberHi Dave,
The previous person specifically asked about making the gallery “template 1” display 200px for the thumbsize. If you are not using “template 1” the above code I suggested will not work.
Can you explain further what you are trying to achieve exactly? Your code is different to mine.
Looks like you want to modify album thumbs and this will require different CSS code. I’ll have to take a look and see what works for this.
February 8, 2015 at 12:11 am #68248PeterMemberTry this code using the http://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413 plugin:
#albumcontainer .album_item_container{
max-width: 300px !important;
}
#albumcontainer .album_item_top{
max-height: 300px !important;
}Your first thumb image has an original size of 150px so the above code won’t have any effect on it. Therefore you will need to set another bigger image to represent that thumbnail if you want the code to work properly.
there is a wps-custom-styles.css file in the WP Photo Seller plugin css subdirectory that does not contain anything
That file is now defunct so I recommend that you don’t use it – we will eventually remove it.
Use the plugin suggested above.
-
AuthorPosts
- You must be logged in to reply to this topic.