Support » Plugin: Popup box » Container Info

  • Resolved dachos233

    (@dachos233)


    Hi I was wondering if there is any way that we can connect themes container with the CSS codes on the bottom of the style section. I was also confused on Custom class for Popup container and was wondering if that’s what we were looking for, and if so how does it work?

    I’m trying to do a video a pop up and make sure the container fits right when I change the video size.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author ays-pro

    (@ays-pro)

    Hi Dear @dachos233 ,

    Thank you for the topic.

    With the help of the Custom class for Popup container, you can create a new custom class and add it corresponding to the main div of the popup container.
    With the help of the Custom CSS, you can link up with an already existed class or the one which you have created with the Custom class for the popup container, and make any change you would prefer.
    See the screenshot: https://prnt.sc/x9sktm

    So, the answer is yes, you can change the parameters of the theme as well. But regarding the video size, I can suggest you use the Width and Height options located in the Style tab.

    If you send us the link where the given popup is located and clearly clarify how would you prefer it to be, we can guide you.

    Thanks.

    Thread Starter dachos233

    (@dachos233)

    Here is my screenshot of the pop up video that I want to fix. I want to make the blue container fit the video so I can click below or above it to close it. Because like this I can’t close it even with the close button. https://prntscr.com/xatb9v

    And here are my heights and widths that I’ve put for it. https://prntscr.com/xata6n

    Here are the CSS codes that I’ve used. I tried to mirror the way you did it on the screenshot that you’ve sent me, I couldn’t get it to work, can you help me to make it work with the codes that I’ve sent you. https://prntscr.com/xatafp

    • This reply was modified 1 year, 4 months ago by dachos233.
    Plugin Author ays-pro

    (@ays-pro)

    Thank you for your reply, Dear @dachos233 .

    Regarding the padding, please copy the following CSS and paste it into the Custom CSS field of the given popup. Please note to change the “YOUR_POPUP_ID” to the given popup ID of yours. (do not delete the space after it)

    
    div.ays-pb-modal_YOUR_POPUP_ID div.ays_content_box{
        padding: 0 !important;
    } 
    div.ays-pb-modal_YOUR_POPUP_ID div:nth-child(2){
        padding: 0 !important;
    }
    

    Regarding the close button, please make sure that you have not enabled the Hide Close button option located in the Settings tab.

    Thanks.

    Thread Starter dachos233

    (@dachos233)

    And for the close button the problem is there is space between the video and the button, my main concern is the top and the bottom of the blue container, I want to make it fit the video so I can close easily in the space around the video. https://prntscr.com/xdf31n

    The codes that you told me worked for the sides of the container

    Here are the codes again: https://prntscr.com/xdf3cs

    Thread Starter dachos233

    (@dachos233)

    I’ve fixed the height on the pop up. But now I want to fix it also on the mobile version and tablet version, any suggestions how to do that? Also is there a way to put the max-width for mobile to 0%?

    This is what I got so far for the desktop https://prntscr.com/xe193p https://prntscr.com/xe18io https://prntscr.com/xe18uv

    And I want to know if there is a way to remove the white line below the video somehow https://prntscr.com/xe1ffy

    Plugin Author ays-pro

    (@ays-pro)

    Thank you for your reply, Dear @dachos233 .

    Please send us the link where the given popup is located.

    If it is considered as personal or sensitive information to be posted, please contact us via the following contact form.

    Thanks.

    Thread Starter dachos233

    (@dachos233)

    Hi just wanted to let you know I’m using the contact form, so you can check it out there.
    Thanks.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Container Info’ is closed to new replies.