Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #986311
    bowedp5
    Participant

    I cannot seem to get this working.. trying to middle align the top two columns vertically because they are off. http://odanssebago.com/contact/

    Here is the CSS I’ve added to the global CSS.

    #x-content-band-2 .x-column {
    float:none;
    display:inline-block;
    vertical-align:middle;
    margin-right:3%;
    }

    #x-content-band-2 .x-column:last-child {
    margin-right:0;
    }

    #x-content-band-2 {
    text-align:center;
    }

    #x-content-band-2 p {
    margin:0;
    }

    #986435
    Joao
    Moderator

    Hi There,

    Can you please deactivate the Under Construction Plugin or provide us the login credentials in a private reply so we can have a look at the issue?

    Thanks,

    Joao

    #986778
    bowedp5
    Participant
    This reply has been marked as private.
    #987132
    Friech
    Moderator

    Hi There,

    Thanks, your custom css code above will not work because that is for VC and your page is build is Cornerstone. Please add a class mts to your <H3> heading instead.

    e.g.

    <h3 class="mts">Farm to Fork<br>
    Dine in or Take Out</h3>

    Hope it helps, Cheers!

    #987726
    bowedp5
    Participant

    Thank you! So cornerstone doesn’t read from the global CSS at all? Or the objects like rows/columns and sections are different?

    #987743
    bowedp5
    Participant

    I also need to get the text on the right column vertically aligned middle within the column border. I tried doing a span class with mts across all the text, but it didn’t seem to work.

    Do you have documentation on what mts class is or other classes you can call in Cornerstone?

    #988083
    Nabeel A
    Moderator

    Hi again,

    mts means Margin Top Small You can refer to https://community.theme.co/kb/css-class-index/ for the mts class and other classes you can call globally.

    Thanks!

    #995889
    bowedp5
    Participant

    I also need to get the text on the right column vertically aligned middle within the column border. I tried doing a span class with mts across all the text, but it didn’t seem to work. Could you help?

    #995963
    Rupok
    Member

    Hi there,

    Thanks for writing back. You can set padding-top value using the Style field to create spacing on top unless it’s vertically aligned. It’s not really possible to do this globally for all text as the contents are not same. If you need to do this for specific text and can’t do this, point us that.

    Cheers!

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