Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 22, 2017 at 9:50 am #764661
    janicenisha

    Hi there, hope you can help me with this, I needed some custom icons so I used images instead. But I would like the text on my homepage to be aligned as this link http://alphaexec.com/images/alpha-screenshot.jpg
    Could you please assist? Thanks!

    March 22, 2017 at 10:43 am #764683
    Basilis

    Hi janicenisha!

    Thank you for using enfold.
    Can you add a div around the image element, so we can be able to target it properly and make the proper adjustment? as the way the elements are now, that would be really diffucult.

    Thank you

    Best regards,
    Basilis

    March 23, 2017 at 5:27 am #765143
    janicenisha

    Hi Basilis,

    Ok done, do check the first 2 lines not sure how you wanted the div wraped, tried 2 versions on :

    Prestigious Corporate mailing address & Professional receptionist to greet your guests and clients

    Thanks for looking into this

    March 23, 2017 at 6:11 am #765158
    John Torvik

    Hi,

    Alright, let`s go :)

    To fix your issue, just add these custom CSS code at Enfold Theme Options > General Styling > Quick CSS

    

.avia-builder-el-11 .nav-pic {
    display: inline-block;
    float: left;
}

.nav-text {
    display: inline-block;
    width: 80%;
    position: relative;
    top: 9px;
}

    IMPORTANT: To work and not affect other pages that use the same class (nav-text and nav-pic), you need to share with me your WP credentials to me create an exclusive class for the row, but you need to enable the custom class field following this tutorial: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Best regards,
    John Torvik

    March 24, 2017 at 4:51 am #765855
    janicenisha

    Hey John,

    This is great! Thanks so much. I think not necessary for a custom class as I am only using it here.
    But do you know why the first column behaves differently than the others? (each row has less space in between)

    March 24, 2017 at 5:52 am #765883
    John Torvik

    Hi,

    For some reason, there`s a smaller height than other columns. So, to solve this, just add this custom CSS code:

    
.avia-builder-el-11 .avia_textblock p {
  height: 45px !important;
}

    Best regards,
    John Torvik

    March 27, 2017 at 5:09 am #767181
    janicenisha

    Thanks a bunch John! :)

    March 28, 2017 at 8:00 am #767936
    John Torvik

    Hi,

    Let us know if you have any other questions or issues :)

    Best regards,
    John Torvik

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘image behave like icon’ is closed to new replies.