Hello Summer Sale!
Exclusive season-opening discount on TheGem theme.
Limited time offer.

Okay
  Public Ticket #1385298
Background-Position: Top
Closed

Comments

  • Jennifer started the conversation

    I'm sure this is a really stupid question, but I don't understand why there is so much white space up top.


    In my developer screen background-position: 100% 0 !important; does the trick, but when enter it in the CSS page, nothing changes. Even making it background-position: top center !important; in the develop works, but again no changes on the main page. There has to be a something internal that I'm not getting that keeps forcing the background-position: center command.


    .vc_custom_1511919137737 {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
        background-position: 100% 0 !important;
        background-repeat: no-repeat !important;
        background-size: contain !important;
    }

  •  444
    Sergio replied

    Hi, 

    not quite sure what do you mean. Can you pls provide more details (screenshots)?

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  • Jennifer replied

    Sure, my site is loading halfway down the page leaving a ton of white space on top.

    URL >> https://brycedhoward.com/?page_id=24331

    Image "Background11" in attachments is what it keeps defaulting to.

    Imagine "Background22" in attachments is what happens when I change background-position: center !important; to background-position: top !important; in the CSS box via inspector. The only problem is, it doesn't stick when I put it in my actual site's CSS box. As you can see, changing "center" to "top" moves everything to the top as desired. Except when I put that CSS in my site page box and hit update, it doesn't make the change and the inspector CSS reads background-position: Center !important; again. 

    There is a giant white space at the top of my page and the background-position: top !important; CSS isn't sticking after I hit update. There has to be something in the theme that is overriding it and I don't know what.




  •  444
    Sergio replied

    Hi,

    1) you have not correctly configured ssl (screen 1769) , this does not load some of the images

    2) try to  use following css:

    .background-position-1 {
        background-position: top center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  • Jennifer replied

    Hi,

    1) I just fixed all the SSL errors. Thank you.

    2) That CSS code didn't do anything :(

  •  444
    Sergio replied

    HI!

    pls. share the wp-admin access, we'll check

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  •   Jennifer replied privately
  •  444
    Sergio replied

    HI,

    Your problem(with background) has been fixed , pls. check your page.

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  • Jennifer replied

    Excellent!! Thank you!!!!

  •  444
    Sergio replied

    HI, 

    Feel free to contact us if you need help. 

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.