Navigation
Archive / Top of background image being cut of.
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 15, 2017 at 10:02 am #1372107
    Sandie
    Participant

    Hi,

    I need some help with what to write in the CSS for the background image on my site to always show the top of the image. Right now the head is being cut.

    I found this code below in the forum, but I don’t know what to but in the first line for it to work on my page.

    .home #x-content-band-1 {
    background-position: top center !important;
    }

    Background image at page URL: https://youpheal.com/behandlingar/
    Section 1

    http://prntscr.com/e93u0a

    Thanks!

    Best Regards
    /Sandra

    February 15, 2017 at 1:02 pm #1372351
    Jade
    Moderator

    Hi Sandra,

    Please try this code:

    .page-id-17 div#x-section-1 {
    background-position: top center;
}

    Hope this helps.

    February 16, 2017 at 1:50 am #1373170
    Sandie
    Participant

    Hi,

    I added the code to Customizer. But nothing happend.

    This is a screenshot of the added code: http://prntscr.com/e9df38
    The word “div” is gray, does that have something to do with the code not working?

    Thanks!

    Best Regards
    /Sandra

    February 16, 2017 at 2:59 am #1373241
    Christian
    Moderator

    The code works (see attachment). What position do you want for your image?

    Thanks.

    February 16, 2017 at 4:10 am #1373319
    Sandie
    Participant

    Super, now I see it.

    Thanks!

    /Sandra

    February 16, 2017 at 9:02 am #1373591
    Joao
    Moderator

    Glad to hear it,

    Cheers!

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