Move modal box

This topic contains 3 replies, has 3 voices, and was last updated by  Guust 6 years, 5 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #1043

    Michael Roed
    Buyer
    Post count: 14

    Hi guys.
    I am trying to move the modal box that appears when you want to upload a picture to your profile but having great difficulties finding the right CSS to edit.

    When editing CSS directly in Chrome it works to put in margin-top: 170px under .uwp_page .uwp-bs-modal
    But when adding this to my own style.css or even directly in the source _modal.scss this is ignored.

    What am I doing wrong please?

    Thanks.

    #1045

    Alex Rollin
    Moderator
    Post count: 27815

    Hello!

    What theme are you using? Do you have a child theme? is that what you mean by “my own style.css”?

    You may need to add more rules to make the rule higher specificity and priority.

    Are you using GD?

    If you are using GD you can add inline high priority CSS at GD > Design > Scripts

    Sometimes injecting them inline will give them enough priority with additional selectors.

    Let us know

    #1046

    Michael Roed
    Buyer
    Post count: 14

    Hi Alex.
    I am using Divi as theme and yes I have a child theme of this where I have “my own style.css” 🙂

    I am not using GD on this site so I guess the right way would be to put some CSS in the style.css file of the child theme?

    Thanks 🙂

    #1047

    Guust
    Moderator
    Post count: 29970

    Try this:

    
    
    .uwp_page .uwp-bs-modal {
       margin-top: 170px !important;
    }

    I tested it and that should work, make sure to refresh your pages.

    Thanks

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

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket