[Pro] Web Yep Image in a horizontal loop

I have a loop with a Web Yep image element. As I add instances of the image I want them to be added horizontally and stay center in the parent div.

I know it sounds simple but I’m struggling. Align and Float in the extended attributes is not working.

Billy


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Can you post a link?

Walter

On Sep 3, 2015, at 7:17 PM, billy kimmel email@hidden wrote:

I have a loop with a Web Yep image element. As I add instances of the image I want them to be added horizontally and stay center in the parent div.

I know it sounds simple but I’m struggling. Align and Float in the extended attributes is not working.

Billy


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

It’s the small images under “EYECARE” bottom

http://smartytest.com/eyecare

billy


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

To center and keep them inline, style them as display: inline-block, and set text-align center on the parent box. That will make them center within the space given, and repel each other the way that floated elements do. There isn’t any sort of float: center possible with floated elements, but display: inline-block does nicely.

Walter

On Sep 3, 2015, at 7:37 PM, billy kimmel email@hidden wrote:

It’s the small images under “EYECARE” bottom

http://smartytest.com/eyecare

billy


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Thank You, that worked.

It’s the small things.

Billy


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

So riffing of the last success. I now would like to place my web yep image inside another dive and add two more s test elements. So now I have a dive with three web yep elements in it. This is also in a loop.

I’ve applied the same styles to the block that holds the web yep stuff and its parent div, but no success.

The one thing that is different is that in order for me to keep the horizontal structure to the loop I have to left float my div so that the “loop end” will float just to its right. This causes the horizontal nature of the the loop. That is probably why the centering won’t happen.

Any advice?

http://smartytest.com/eyecare

look at the creative team images under “about”

Billy


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Billy am I correct in thinking you are adding a loop within a loop?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

No. If you look at the small images under “Eyewear” I have a loop that centers the images so that if there is only one it’s centered. Basically they layout from the center out. I did this in the extend attributes: style=“display: inline-block;” and text-align: center the parent div.

I want to do the same with the “Team photos”. For example if they add a fifth team member it will show center below the other four. My parent div allows for four across horizontally. For some reason I cannot get it to do this when there is more than one Web Yep element within a parent div.

Billy

http://smartytest.com/eyecare/


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options