Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

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;
    }

  •  432
    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.




  •  432
    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 :(

  •  432
    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
  •  432
    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!!!!

  •  432
    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.