Currently, I am using colorbox with the iframe version to open a window in the center of a webpage. This is just a preliminary step in developing a basic code model that can be applied to multiple applications.
My goal is to streamline the appearance and customize it to fit my various applications, but I have encountered an issue with a persistent 28 pixel margin at the bottom of the window. While I have successfully adjusted the margins by manipulating borders and adding a specific border class like this:
$("#cboxContent").addClass("blue_border_example");
I still cannot seem to get rid of the 28 pixel whitespace at the bottom. It seems to originate from the id="cboxLoadedContent"
, so I attempted to add the following line in the window code being loaded:
$("#cboxLoadedContent").addClass("remove_bottom_margin");
where remove_bottom_margin represents the style:
.remove_bottom_margin { margin-bottom: 0px !important;}
I initially thought that including this style in the document ready function for the program within the iframe
would solve the issue, but it does not seem to be effective.
If anyone has insight into why this approach is not working and what alternative solutions might be, please share your thoughts.