New Landing How can we help? Themeforest Theme Support Dante Text + image (frame) alignment

Viewing 14 posts - 1 through 14 (of 14 total)
  • Posted in: Dante
  • #40190
    costin
    Member
    Post count: 199

    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!

    #40513
    Tahir – SUPPORT
    Member
    Post count: 1212

    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

    #40514
    costin
    Member
    Post count: 199
    This reply has been marked as private.
    #40999
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    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

    #41008
    costin
    Member
    Post count: 199
    This reply has been marked as private.
    #41513
    Melanie – SUPPORT
    Member
    Post count: 11032
    .post-40 .spb_single_image {
    margin-top: 4px!important;
    }
    .post-18 .spb_single_image {
    margin-top: 4px;
    }

    Cheers!

    #41616
    costin
    Member
    Post count: 199

    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!

    #41837
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    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

    #41844
    costin
    Member
    Post count: 199

    Smart stuff, it worked perfectly! Thanks!

    #41924
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Glad I could help!

    – Ed

    #117283
    Kelle27
    Member
    Post count: 21
    This reply has been marked as private.
    #117394
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

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

    – Kyle

    #117811
    Kelle27
    Member
    Post count: 21

    Thanks Kyle!!! your the best

    #117821
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

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

Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register