CSS Issue - Jquery Lightbox size resized when clicking next/previous button

Good day guys. I just want to ask some idea from pros here about the next/previous-transition (resized) issue with a jquery lightbox plugin.

Original look when an image is loaded:

The resized look when next/previous arrow is clicked:

I suspect that I made some css modification with the plugin's default styles when im still customizing the look of the like box.


I used the latest Wordpress Jquery Lightbox(Latest version plugin)

The site is available in: http://204.197.252.143/~themainr/

The jquery lighbox is in the middle part of the page. One of the links(underlined) will open the popup box:


Q: I just wanna ask if what is the best CSS work around for this issue that the responsive part of the lightbox will not be affected.

Answers


Oh, i figured out an answer to my problem myself however i don't know if this is the best solution.

What I did, I add css rules in my style.css:

#outerImageContainer {
    min-height: 470px !important;
}

But still i need to adjust the min-height when the site is resized to smaller view or viewed in mobile devices.


Need Your Help

No errors, but no success in jquery Ajax

php jquery ajax codeigniter

I'm doing an ajax call to my controller, but the alert in my success isn't displaying and I'm not getting errors in console. I don't know how to proceed now.

@Id @GeneratedValue but set own ID value

java hibernate jpa

I have a table with a generated id, but in some cases I would like to set it on my own. Can I, somehow, force Hibernate to ignore the @GeneratedValue?

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.