This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Image to fill ImagePB widget

Resolved 11 replies themetheme-snapshot
John Harney
11 years ago · Last reply by Greg Priday 10 years ago

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.

URL: http://harneyphoto.com/journal

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

11
  1. Andrew Misplon Staff 11 years, 4 months ago

    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.

  2. Andrew Misplon Staff 11 years, 4 months ago

    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.

  3. John Harney 11 years, 4 months ago

    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.

  4. Andrew Misplon Staff 11 years, 4 months ago

    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.

  5. John Harney 11 years, 4 months ago

    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

  6. John Harney 11 years, 4 months ago

    thank you

  7. Andrew Misplon Staff 11 years, 4 months ago

    Super, really glad to hear that helped. All the best.

  8. KennyG 10 years, 10 months ago

    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

    • Greg Priday Staff 10 years, 10 months ago

      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.

  9. Andrew Misplon Staff 10 years, 10 months ago

    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.

  10. Greg Priday Staff 10 years, 10 months ago

    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.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread