Navigation
Archive / How to show images side by side
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 11, 2017 at 9:26 pm #1326622

    davidcwong
    Participant

    Hi there,

    I am using Cornerstone and trying to put two images side by side. I have tried creating two columns in a row, but could not find a way to align the images correctly.

    What I want is to have the two images (which are download buttons for the App Store) centered on the page. Also want to ensure that they are responsive and will work on mobile. (show one after the other vertically on mobile).

    Can you please help?

    Thanks,
    David

    January 11, 2017 at 9:27 pm #1326624

    davidcwong
    Participant

    Please refer to attached image for what i mean

    January 12, 2017 at 12:18 am #1326812

    Lely
    Moderator

    Hello David,

    Thank you for the screenshots.
    On the left column where Appstore button is, please choose Right under Text align. See attached screenshot. By default, text align is left. Making the left column text alignment to right will move it to the center of the ROW. Now for mobile, this columns will stackup on each other. On each column class field, please add center-btn-mobile. Then add the following on Appearance > Customize > Custom > Edit Global CSS:

    @media (max-width: 979px){
.center-btn-mobile{
  text-align:center !important;
}
}

    That CSS will make the button center smaller screen size.

    Hope this helps.

  • Author
    Posts