Tagged: ajax portfolio, behaviour, customization
Dear “Kriesi”,
I am loving Your theme. Have used it for a lot of projects, but now I need Your help.
For a customer I am using the ajax portfolio. I need to have the ajax portfolio images to be above the ajax portfolio content not only below screen widths of 768px, but below 1280px.
May You please let me know (1) what the name of the javascript/ jQuery function is, which is triggered on opening and navigating through the ajax portfolio, (2) to which elements this function is attached and (3) in which of the theme files the function is located?
I would like to unbind it and bind a modified version which I would place in the child themes function.php. I cant reach the desired result by custom CSS only, as at the following is controlled via jQuery:
`<span class=”image-overlay overlay-type-image” style=”left: -5px; top: 0px; overflow: hidden; display: block; height: 408px; width: 554px;”><span class=”image-overlay-inside”></span></span>
Thank You very much,
Thomas
Hi Thomas,
Please send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply.
Regards,
Rikard
Hi Rikard,
I decided to completly find a similar solution via CSS only. I did hide the big preview image, set the small preview images and the preview content to 100% width. This time its enough to have the full size images popping up in the lightbox.
Example can be viewed here ecobau DESIGN • Patrick Krüger
Thank You.