I want to create a photo journal for my site. I am using Snapshot Plus theme and PB. I have installed all the recommended PB plugins.
The front page is not an issue. My issue is with images not filling the imagePB widget to 100%.
On the post page, the featured image is to the side and not full size. Adjusting the Style.css to 100% then affects the banner and the logo image.
When I set out the post with PB, I have a couple of text panels, then under that is an image panel the same width (170% screen width), then these two rows will be repeated till the content is finished.
My issue is, on the post pages, I cant get the images to fill the widget size.
the images are all 2560px wide but at coming in at 440px wide. I can adjust this using Firebug to work but its not permanent.
I cant seen to find the code that controls the image size in the widget or the featured image size at the top of the post page.
Hi John
The featured image CSS should be 960px in order for the centering to take effect. So this is what it should read:
.container { width: 960px; margin: 0 auto; position: relative; }It’s not default Snapshot behaviour to have that image be 100% width. The .container class is used elsewhere so if you want to target the featured image you can rather use:
#post-single-viewer .container img { }The image inserted further down the page: http://harneyphoto.com/journal/2014/10/test/ is inserted at 440px wide so there isn’t much we can do with CSS once that’s happened. For more control try inserting that image with the Visual Editor widget: http://wordpress.org/plugins/black-studio-tinymce-widget/. We can then look at how it’s rendering from there. But take a look at the source code first. If the image size of 440px is being outputted into the image tag then that needs to be addressed first.
So to get your featured image to 100% you can try:
#post-single-viewer .container img { width: 100%; }Here is a lot of other properties the img selector will accept: http://www.w3schools.com/css/css_dimension.asp.
Thanks Andrew
I am uploading all images at 2560 wide to allow for full width usage, Im not sure why it’s scaling it to 440px. I have the PD widget set to 66% but the image keeps defaulting to 440. I have the media settings set to 1600 for the two column width and 2560 for full size.
Will try your suggestions and and see if I can get it to work.
Snapshot is declaring a few image sizes. For example it’s keeping the main single post image no larger than 960 x 960. To adjust these built in image sizes give this plugin a try:
https://wordpress.org/plugins/simple-image-sizes/
You might need to regen thumbnails afterwards:
http://wordpress.org/plugins/regenerate-thumbnails/
Let me know how this goes.
Andrew. Perfect. I also changed ImagePB for SiteOrigin Image and the layout if just what I wanted. Works as required on Smart Phone and tablet and is fully responsive.
Awesome
thank you
Super, really glad to hear that helped. All the best.
Andrew,
Good morning, I think an issue with the featured image how it is showing on the blog post page as well. I tried leaving a post in the forms but it was deleted. Could you take a look at http://kendunlop.com and assist me with fixing how the featured images display?
Thank you
Kind Regards
Ken
Hi KennyG
We’d like to help you, but can you please start a new thread with your question? We can only offer you the best support possible when you’re the owner of a thread.
Page: New Thread
If you’re a premium user, please be sure to enter your order number so we can properly prioritize your thread.
Hi Kenny
Sorry about a post being deleted. Not sure what happened there. Please post a link to your new thread once you've started it and I'll be sure to jump in a little later this morning.
Hi Kenny
Sorry, I missed the party where you said your thread had been deleted. Don’t worry, it’s still there, it’s just pending approval – I can see it in the approval queue. This is a measure we’ve had to take after a run of spam. All posts from users without order numbers required approval before showing up on the forum.