Jump to content


Photo
Featured Picture Boxes

Want to add padding for alignment with other widgets



Best Answer ryanvarley , 21 May 2013 - 12:13 PM

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

Go to the full post


  • Please log in to reply
12 replies to this topic

#1 manojgupta26

manojgupta26

    Super Member

  • Members
  • 144 posts
  • Country: Country Flag

Posted 17 May 2013 - 05:14 AM

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?



#2 manojgupta26

manojgupta26

    Super Member

  • Members
  • 144 posts
  • Country: Country Flag

Posted 17 May 2013 - 05:16 AM

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

Attached Files



#3 manojgupta26

manojgupta26

    Super Member

  • Members
  • 144 posts
  • Country: Country Flag

Posted 17 May 2013 - 11:20 AM

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)

Attached Files



#4 ryanvarley

ryanvarley

    Advanced Member

  • Members

  • 50 posts
  • Country: Country Flag

Posted 17 May 2013 - 12:28 PM

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?



#5 manojgupta26

manojgupta26

    Super Member

  • Members
  • 144 posts
  • Country: Country Flag

Posted 17 May 2013 - 01:30 PM

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



#6 ryanvarley

ryanvarley

    Advanced Member

  • Members

  • 50 posts
  • Country: Country Flag

Posted 17 May 2013 - 01:45 PM

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


#7 ryanvarley

ryanvarley

    Advanced Member

  • Members

  • 50 posts
  • Country: Country Flag

Posted 18 May 2013 - 09:22 PM

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.



#8 manojgupta26

manojgupta26

    Super Member

  • Members
  • 144 posts
  • Country: Country Flag

Posted 20 May 2013 - 04:50 PM

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..



#9 ryanvarley

ryanvarley

    Advanced Member

  • Members

  • 50 posts
  • Country: Country Flag

Posted 20 May 2013 - 07:02 PM

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.ryanvarl...-picture-boxes? If so which browser are you using, what version is it and what operating system are you on?

 

Thanks



#10 manojgupta26

manojgupta26

    Super Member

  • Members
  • 144 posts
  • Country: Country Flag

Posted 21 May 2013 - 11:43 AM

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



#11 ryanvarley

ryanvarley

    Advanced Member

  • Members

  • 50 posts
  • Country: Country Flag

Posted 21 May 2013 - 12:13 PM   Best Answer

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



#12 Jenny

Jenny

    Owned by PageLines

  • Unicorn Store Dev

  • 2917 posts
  • LocationWV
  • Country: Country Flag

Posted 23 May 2013 - 06:28 PM

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



#13 ryanvarley

ryanvarley

    Advanced Member

  • Members

  • 50 posts
  • Country: Country Flag

Posted 24 May 2013 - 12:20 AM

Also to further address your size comment i posted a more detailed answer here http://www.pagelines...-picture-boxes/







Also tagged with one or more of these keywords: Featured Picture Boxes