Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1142153
    geoffhoa89
    Participant

    Hi, this is my first post in the forum. I have searched as much as I could for a solution but was unable to find anything to help.

    when I add a section in cornerstone and choose to have a background image for the section. It crops the image (height).

    I want the image to appear full height and width as per original upload.

    as you can see in the images provided. in the inspector window ( left hand side of cornerstone ) it shows the image source as the full image.. as it should.

    the other image shows the image once inserted into cornerstone draft it does not show full height ( you can see the height is cropped )

    and the other third image shows the live view published site ( height is cropped once again even more ) when published.not showing the full height of the image.

    when viewing the live published site on mobile device ( apple iphone ) on the other hand the background image is displayed full height and width as i would like it to.

    I am so confused.

    Thankyou for your help guys at x theme and members = ).

    #1142158
    geoffhoa89
    Participant

    sorry image files were too large to upload.

    please see the live site address http://www.rorefit.com
    thankyou

    #1142164
    geoffhoa89
    Participant

    example1.jpg is the live published site view

    example3.jpg is the cornerstone inspector element view

    #1142668
    Christopher
    Moderator

    Hi there,

    You haven’t added any content yet to this section. Section resizes automatically depending on length of content. Please add gap element and adjust its size until you get desired look.

    Hope it helps.

    #1142774
    geoffhoa89
    Participant

    Thankyou for your help Chris.

    #1142975
    Thai
    Moderator

    You’re most welcome 🙂

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