Text + image (frame) alignment

[costin]

Hi,

When using 2 columns in which one is a text and the other an image with a frame the text is always lower than the image as you can see in the screenshot attached and on the demo site here http://dante.swiftideas.net/shortcodes/animation-images/.

Of course we are speaking about just max 5px but it’s something obvious. Could you please guide me in having a fix? It should be nice to also update the theme to not have this issue in the future.

Thank you!

[Tahir – SUPPORT]

Hi,
Our Demo doesnt seem to have the frame around the image. Could you please provide url so i can provide you custom css for your website. Assuming you have made other changes as well.

Thanks
Tahir

[costin]

This reply has been marked as private.

[Swift Ideas – Ed]

Hi there,

This is a tough one. The line height of the text is what is lowering the alignment of the text, and this will vary with different text.

Try this custom css:

.spb_single_image {
margin-top: 6px;
}

That will be site wide.

– Ed

[costin]

This reply has been marked as private.

[Melanie – SUPPORT]

.post-40 .spb_single_image {
margin-top: 4px!important;
}

.post-18 .spb_single_image {
margin-top: 4px;
}

Cheers!

[costin]

Hi,

Thank you very much for this fix!

Could you also please be so kind and further investigate why a site wide code is fixing everything but not those 2 pages. Maybe a bug fix will be necessary. As I want to buy the theme for a website with over 50 pages I would prefer not to custom code all pages not working with the site wide code.

Thank you!

[Swift Ideas – Ed]

Hi Costin,

The code should actually be:

.spb_single_image {
margin-top: 6px!important;
}

The reason it didn’t work on those two pages was because the code above was being overridden with the animation code. Try it and let us know.

– Ed

[costin]

Smart stuff, it worked perfectly! Thanks!

[Swift Ideas – Ed]

Glad I could help!

– Ed

[Kelle27]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

In your Row settings find ‘vertically align elements in row’ and set to no

– Kyle

[Kelle27]

Thanks Kyle!!! your the best

[Mohammad – SUPPORT]

Hi,
You most Welcome. Thanks Kyle.
With Best Regards
Mohammad