Modal content not centered

[oriol]

Hi there, I have a slider inside a modal. See here (click on on of the gallery images to open the popup)

custom cupcakes in dallas texas - Smallcakes Dallas

But the modal doesnt seam to be centered?

How can I fix this?

[tristup]

Hi Oriol,

Thanks for reaching out.
I have checked your website and found the Slider is showing at the center of the Modal. If that is not the case and you are trying to point out something else, can you please provide any video that helps us recognize the problem?
We may need the WordPress admin credentials for investigating it, please provide login credentials for your site in a secure note, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

[oriol]

The content in the modal isnt centered, did you see my screenshots?

[ruenel]

Hey @Oriol,

The issue has occurred because somewhere on the page, you have added this:

$el .x-modal-content {
     width: 100vw;
}

Please remove the width attribute in your CSS.

Be advised that custom CSS coding is beyond the scope of our support under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

Best Regards.

[oriol]

Hi, I havnt added any css to the modal…I double checked to see if there is any element css in there by expanding everything, and there isnt any, the only elements with css on are the header and bottom sections…there isnt any on the modal:

However, I just added the code, but changed it to 75vw…that seams to have fixed it. Strange issue though.

[ruenel]

Hello @Oriol,

It may have come from your Modal element settings. I would not recommend adding any custom CSS as it may cause issues in the future. Please have the page edited and check your Modal element settings.

Best Regards.