Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1189643
    TheoryUnit
    Participant

    Hi there,

    I’m trying to position the parallax image and make it so it isn’t so blown-up, at the top of this site: http://ataloss.net using the following CSS in the Style field of the content band:

    background-position: 50% 200px !important;height: 600px !important; background-size: 100% !important;

    So, it appears to work in Cornerstone (see attachment) (although changing the background position 50% and 200px values doesn’t change anything) but then when I view the page outside of Cornerstone, the image is still really large and blown-up (see second attachment).

    Any help, greatly appreciated.
    Thanks,
    Matt

    #1189644
    Christian
    Moderator

    Hey there,

    Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    – Link to your site
    – WordPress Admin username / password
    – FTP credentials

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    Thanks.

    #1189647
    TheoryUnit
    Participant

    Sorry, attachments were too big, here they are again:

    #1189652
    Christian
    Moderator

    Hey there,

    The only solution to this is to replace the image with a larger sized one (preferably the same width as your monitor and the height slightly taller than your section. This happens because the background covers the section fullwidth so it looks fine in Cornerstone because the sidebar takes up screen space. Also optimize your image so that it loads faster.

    Thanks.

    #1189856
    TheoryUnit
    Participant

    Okay thanks Christian.
    Cheers,
    Matt

    #1189998
    Rad
    Moderator

    You’re welcome!

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