Background photo keeps changing when I insert extra margin on top of it

Home Forums WordPress Theme Gather – Event & Conference WP Landing Page Theme Background photo keeps changing when I insert extra margin on top of it

This topic contains 12 replies, has 2 voices, and was last updated by  masterBlaster 2 years, 8 months ago.

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #13357

    masterBlaster
    Participant

    Support Expired

    Hello,
    it’s kind of difficult to explain with words so I will use pictures.
    when I try to add some extra space before a row the picture in the background proportions changes:
    BEFORE adding empty space:
    https://www.dropbox.com/s/2nw1ykvld8fblar/before.png?dl=0
    AFTER adding empty space:
    https://www.dropbox.com/s/9pc4ictdgwvy8a5/after.png?dl=0

    I want the picture to remain the same. Why does this happen?

    I don’t want the background picture to be “zoomed” out.

    Hope I was clear enough.

    Thanks

    • This topic was modified 2 years, 8 months ago by  masterBlaster.
    #13371

    CTHthemes
    Keymaster

    I need access to the page to check. so please send me the link.

    #13380

    masterBlaster
    Participant

    Support Expired
    This reply has been marked as private.
    #13383

    masterBlaster
    Participant

    Support Expired

    I would like to center the other photos used in the background (see attachments). How can I do that?

    #13405

    CTHthemes
    Keymaster

    1, 3:
    – remove the second header_bottom-bg div which isn’t used: http://prntscr.com/eld523
    – and use this style:

    
    @media (max-width: 767px ) {
    .parallax-bg .header_bottom-bg {
         min-height:50px;
         padding:0px;
    }
    .vc_custom_1489440005433,
    .vc_custom_1489786531805 {
         background-position:center;
    }
    }
    

    http://prntscr.com/eld6e4

    2,

    
    .sub-header {
         padding-top:134px;
    }
    
    #13416

    masterBlaster
    Participant

    Support Expired

    Hello,
    I had to add some extra pixels to the .sub-headder class. Now it’s working. Thanks 🙂

    I would like to center the other photos used in the background (see attachments). How can I do that?

    On this issue we’ll discuss on the other ticket.

    • This reply was modified 2 years, 8 months ago by  masterBlaster.
    #13434

    masterBlaster
    Participant

    Support Expired

    .sub-header {
    padding-top:134px;
    }

    This is working only on large screens. I need a responsive solution: I need some extra padding also with small screens 🙂

    Try using the website with a mobile device 😉

    #13435

    masterBlaster
    Participant

    Support Expired
    This reply has been marked as private.
    #13449

    CTHthemes
    Keymaster

    Please add the code to Gather Options -> Custom Code tab.

    #13458

    masterBlaster
    Participant

    Support Expired

    I’ve added that code on my child-theme’s style.css file. It’s the same as using Custom code tab, isn’t it?

    #13463

    CTHthemes
    Keymaster

    Please using larger value: http://prntscr.com/em6av0

    #13464

    masterBlaster
    Participant

    Support Expired

    This seems to be working:

    .sub-header {
         padding-top:135px;
    }
    @media (min-width: 768px){
        .navbar-right {
            padding-top:115px;
        }
    }
    #13466

    masterBlaster
    Participant

    Support Expired

    Ignore the code above. Lol. I used the wrong class.

Viewing 13 posts - 1 through 13 (of 13 total)

The topic ‘Background photo keeps changing when I insert extra margin on top of it’ is closed to new replies.

New featues: CityBook - Listing & Directory WordPress Theme version 2.1.8 was outUpdate now
+