Navigation
Archive / Vertical alignment image in Cornerstone
This is archived content. Visit our new forum.
  • Author
    Posts
  • August 13, 2015 at 5:46 am #358149
    R.E. v
    Participant

    Hi,

    I want to vertical center align an image next to a text in Cornerstone. Can anybody give the right code to do so?

    Regards,
    Rudolf.

    August 13, 2015 at 6:31 am #358191
    Paul R
    Moderator

    Hi Rudolf,

    You can add the code below in the style field of the 2 columns where your text and image resides.

    
display:inline-block; float:none; vertical-align:middle;

    http://screencast.com/t/ibAYmeOkq

    Please note that you need to enable advanced controls for the style field to show up.

    Hope that helps.

    August 13, 2015 at 7:32 am #358247
    R.E. v
    Participant

    Hi,

    When i fill in this code nothing happens to the pic. It stays at the top of his container.

    Regards,
    Rudolf.

    August 13, 2015 at 10:05 am #358333
    Rupok
    Member

    Hey Rudolf,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Also point us the section you are trying to modify. Once you have provided us with your URL, we will be happy to assist you with everything.

    August 15, 2015 at 3:40 am #359751
    R.E. v
    Participant
    This reply has been marked as private.
    August 15, 2015 at 3:47 am #359754
    Christopher
    Moderator

    Hi there,

    Add margin-top:10%;margin-bottom:10% in style field of image element.

    Hope it helps.

    August 16, 2015 at 3:35 am #360308
    R.E. v
    Participant

    Hi,

    Thanks! Worked perfect!

    Regards,
    Rudolf.

    August 16, 2015 at 3:50 am #360310
    Christopher
    Moderator

    You’re welcome.

    October 17, 2015 at 9:16 am #629183
    KenDerGuru
    Participant

    Very good support. It worked for me as well.
    Thanks!

    October 17, 2015 at 9:24 am #629188
    Thai
    Moderator

    Glad it worked @kenderguru.

    If you need anything else, please let us know.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-358149 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>