Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #307120

    Nilesh L
    Participant

    How do I resize the large image (at the very bottom) and center it using cornerstone?

    https://www.cloudgeni.us/employers/

    #307471

    Darshana
    Moderator

    Hi there,

    Thanks for writing in! First enable advanced controls in Cornerstone. To do that, please refer to the screenshot here (http://prntscr.com/6zsvfj).

    Then you can add the following inline styles to that image to make it center.

    display: block; margin: 0 auto;

    Hope that helps.

    #307479

    Nilesh L
    Participant

    Thanks 🙂

    #307480

    Nilesh L
    Participant

    and how to properly center each of the other images above within their box?

    #307736

    Christopher
    Moderator

    Hi there,

    Please add the following CSS under Customize -> Custom -> CSS :

    li.x-block-grid-item img {
      margin: 0 auto;
      display: block;
    }

    Hope it helps.

    #308031

    Nilesh L
    Participant

    Thanks.

    #308226

    Christopher
    Moderator

    You’re welcome.

    #649479

    juanaflor
    Participant

    Hi

    I am trying to add an image on one of my pages with a description lined up next to it, just like in the Icon demo. Can you please tell me how to do this?

    http://theme.co/x/demo/icon/3/

    #649482

    juanaflor
    Participant
    This reply has been marked as private.
    #649634

    Rupok
    Member

    Hi @juanaflor

    Thanks for updating the thread but always open a new thread for different topic rather replying on old thread to keep the things simple.

    However it seems you already placed the image and texts. You need to use one column for placing image and other for text that you are already did. however if you need to resize the image or need to adjust some styling then you can just select the image and place some CSS to style field – http://prntscr.com/8y9en4

    You can use padding/margin property to control the spacing.

    Hope this helps.

    Cheers!

    #835630

    Daniel R
    Participant

    Hi,

    I have just tried to resize my image in this way but it doesn’t change the sizing at all. See screenshot. Webpage is here: http://www.thepsychologycompany.co.uk/supervision.

    You will see on my homepage that I have been able to resize the slider to 1172 x 311. I would like to replicate this in other areas of the site but can’t seem to work out how to do this in Cornerstone.

    Could you help?

    #835643

    Christopher
    Moderator

    Hi there,

    Your screen shot didn’t upload since it was larger than maximum allowed size.

    Please add image as section’s background, add padding to its top and bottom to adjust image height.

    Hope it helps.