Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 19, 2017 at 5:48 pm #853969
    JeeBar

    A while ago I “successfully” monkeyed with my site’s CSS to get my videos to open in a really big lightbox.
    I made it too big. Whole player doesn’t fit.
    I was able to get the size back under control by adding the following to General Style / Quick CSS.

    .mfp-container{
    max-width:80% !important;
    max-height:80% !important;
    }

    But it’s aligned left, which feels weird, it should be centered.

    Can you please go to https://solace.com/, click the video at the top of the page, and let me know how I can clean up my mess? Maybe clear out all the shit and get it back to default behavior which is more right than my monkeying? : /

    Thanks,
    Greg

    September 20, 2017 at 10:11 am #854278
    Victoria

    Hey Greg,

    Well, you made the wrong container smaller and the video is centered in that container. Can you remove your code (just the 80% one) and we will make the right container smaller, so that the video remains in the center.

    Best regards,
    Victoria

    September 20, 2017 at 4:13 pm #854432
    JeeBar

    Thanks, I figured it was something like that but just scraping the HTML/CSS wasn’t working as a “figuring out” strategy. I’ve removed that CSS.

    Credentials for admin access in private content. Please let me know when you’ve done your thing.

    September 20, 2017 at 5:35 pm #854493
    Victoria

    Hi JeeBar,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.mfp-iframe-holder .mfp-content {
    width: 67%;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.