Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1297450
    pdopchev
    Participant

    Hi guys, tried to align the text vertically in the column but with no success so far. Your help wwould be greately appreciated!

    link:http://www.enjoycrestedbutte.com/crested-butte-webcams

    #1297653
    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in! Do you want something like this http://prntscr.com/dl4uw9? If that is the case, please edit your page back in Cornerstone and in the row settings, please enable the Marginless Columns option.

    Hope this helps. Please let us know how it goes.

    #1298206
    pdopchev
    Participant

    Hi, the Marginless Columns option enables full width of the image, which is right next to the text, but does not align the text vertically. Or at least in my case, it doesn’t…

    #1298239
    Thai
    Moderator

    Hi There,

    Please add the following CSS under Customizer > Custom > Global CSS:

    .postid-146 #x-section-5 .x-column.x-sm.x-1-2 {
        display: inline-block;
        float: none;
        vertical-align: middle
    }

    Hope it helps 🙂

    #1298771
    pdopchev
    Participant

    It does! Thank you so much!

    One more thing – what would be the syntax, if I wanted to add more “x-sections” to the code /like #x-section-13/

    #1299031
    Friech
    Moderator

    Hi There,

    You can add another selector on the CSS to target another section, separated with comma [ , ]

    
    .postid-146 #x-section-5 .x-column.x-sm.x-1-2,
    .postid-146 #x-section-13 .x-column.x-sm.x-1-2 {
        display: inline-block;
        float: none;
        vertical-align: middle
    }

    Thanks.

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