Featured Picture Boxes Want to add padding for alignment with other widgets

[manojgupta26 2]

Hi Ryan,

 

Currently, the images floats and occupy almost entire width of the sidebar. How can I add padding? Also, is there any way to show thumbmail images in smaller size of my choice apart from adding to Boxes? Suppose I want to show 150x150 image into 120x120. Is it possible? If not, can you add the feature pls.

 

Also, I want to add widget title for the section i added to the sidebar. You can check my site, the section is live. how can I add it?

[manojgupta26 2]

Here is the sidebar,..the portion marked with yellow is extra. I want the section to fall in-line with other widgets.

[manojgupta26 2]

One alignment issue noted with the plugin...open the attached image and see the overlayed box is shifted 1 pixel left (as pointed out by arrow in Red)

[ryanvarley 0]

So theres 4 questions

1. I want to add widget title for the section i added to the sidebar. 

2. show thumbmail images in smaller size of my choice (ie 150 to 1250px)

3. alignment issue

4. increase padding

I've noted alignment issues to bugs,

 

for 2) thumbnail size do you mean you want to reduce the size of the image the section is loading or make the boxes smaller?

 

for 1) widget title, this is not a widget and therefore has no widget title. you could add a blank widget with a title on top of it and then use css to reduce any gaps?

 

for 4) this *should* be easy by changing the padding div, can you send a link to your site so i can try it?

[manojgupta26 2]

Hi Ryan,

 

I actually want to show image with width 300 and my original image is of width 335. How can I do this

 

site name and link is already mentioned in my profile.

 

Regards

MG

[ryanvarley 0]

Your site isnt publicly viewable in your profile, can you please post it here.

 

to clarify do you

1. Want t make the boxes smaller so it appears at 300px on the page
2. it already showing at 300px but the original image is 335 so you want to reduce this to save some bandwidth

[ryanvarley 0]

hey, i just released a version (1.0.5) that fixes the jitter bug, does this also solve your alignment issue?

 

Can you get back to me with the above so i can help you with your other problem? thanks.

[manojgupta26 2]

The one extra pixel issue still there.Also, when I place 300px wide image, it automatically stretches to 335 PX. Let me know how to get rid of it.

 

I just want to show 300px image and how to add padding for proper alignment

 

I have sent my site name to your email ID. Please look into..

[ryanvarley 0]

The section streches to fill the area. if it didnt then you would have to make every image the exact right size which would break compatibility with everything but boxes, you'd have to recalculate and upload image sizes every time you changed padding or width etc, very user unfriendly.

 

In your case i believe your padding and image size issues are the same (although 300px would be too big for your area). Use this code (in custom css) to alter padding, and adjust to your requirements.

#featured-picture-boxes .plgrid-pad {padding: 0 15px 0 14px}

(padding numbers are top right bottom left)

 

As for the 1 pixel misalignment i dont see this. do you also see it on http://demo.ryanvarley.co.uk/featured-picture-boxes? If so which browser are you using, what version is it and what operating system are you on?

 

Thanks

[manojgupta26 2]

Which shading colors and settings you're using in demo. Default theme doesn't give me what is shown in demo.

[ryanvarley 0]

By default the boxes use your theme colour and apply an opacity to it. The color in the demo is #3a8dab

[Jenny 33]

Please let us know if you still need assistance, otherwise I will close this topic in 7 days. Thanks!

[ryanvarley 0]

Also to further address your size comment i posted a more detailed answer here http://www.pagelines.com/forum/topic/27249-change-size-of-featured-picture-boxes/