Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1188269
    wbgTHEMECO
    Participant

    I’ve tried a few different combinations of css and image sizes and cannot quite figure out what to alter to get the background image to show the top most part of the image when it first comes onto the screen instead of first showing the torso.

    Or maybe there is a way to “fit” the image to the container?

    #1188271
    wbgTHEMECO
    Participant
    This reply has been marked as private.
    #1188469
    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in! To fully understand how background images works, please check out this topic: https://community.theme.co/forums/topic/section-background-image-2/#post-691126

    If you want to position the background image to show the top most part of the images, you can make use of this code:

    #x-section-6 {
      background-position: top center !important;
    }

    This will not look good when applied to a section with parallax effect.

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

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