Callout Alignment Issues

Hi,

I am having problem with Overall Alignment in Callout Module when used with Icon. Following is the situation-

  • I have a Row with Two columns. Column one Callout Module with Icon position (Right of text and Heading screenshot -http://bsf.io/ckzl6 ) with the Overall Alignment Right ( http://bsf.io/qi7c3 ), but the content doesn’t shift to the extreme right of container ( http://i.imgur.com/N4qfdxG.jpg ).

  • But if I use Image instead of icon with same scenario as described above the content gets shifted to extreme right ( http://bsf.io/e-ouw ).

Is this a Bug, can you help me in this.

Looking forward to hear from you.

Regards,
PC

Hi PC,

I don’t believe this is a bug. All you should need to do is increase the size of the icon using the Icon Structure size option.

Cloudup

Thanks,
Danny

Hey Danny,

It doesn’t matter if I increase the size of the Icon, because I am talking about the problem in alignment. I think you didn’t get my question in first message.

Please check this image - ( http://bsf.io/ih1gr ). Both ( Callout with Image and Icon ) have same settings even though they don’t align the same way.

The problem is in Callout with Icon when the Settings are as below (Please follow this) -

  • Column width- 50%
  • Callout with Icon its position ( Right of Text and Heading )
  • Overall position ( Right ).
    It doesn’t align to the extreme right.

Can you watch this video for better understanding the problem that I am facing - ( http://bsf.io/lphji )

Looking forward to hear from you.

Regards,
PC

Hi PC,

I apologise, I thought you’re referring to the alignment of the icon/image (vertically). Both myself and Ben have done some testing and the alignment is fine when you appear to have more than one line of text. This appears to push the alignment to the far right of the column.

Therefore, we have gone ahead and reported this to our issue tracker. Thanks for the bringing this to our attention.

Thanks,
Danny