Hi Josue,

This didn’t seem to work well unfortunately. When I insert as an image in the txt box there was space around it and it didn’t respond fluidly to size changes – would stay small when screen was made larger again. I then tried inserting into an image element within the colour box and it seemed to respond better but then when made to mobile size there was a big white space as the image was thinner than the minimum height of a colour element.

Any other options? Is there no standard way of creating a banner image outside of a slider script?

Many thanks,
Jonathan

for reference I suppose the site would help

http://www.jackandaddi.com

http://jackandaddi.com/portfolio/fine-art/
I don’t currently have a masonry gallery set up with a ton of photos say (50 or more) like I want to but if you go to the page above there is a smaller one and even it lags heavily on the iphone with a fast wifi connection.

http://jackandaddi.com/gallery/rykowski-family/
shows a normal large gallery with 450×450 thumnails and it is pretty decend load time but quickly responsive after load at least, including orientation changes

http://jackandaddi.com/terah-tim-wedding-photography/
shows a very image intensive blog post, 1200px images close to a hundred and it loads even quicker yet and is very responsive after loading.

So what is so special about the galleries that make them slower especially the masonry one. I love it and it works great everywere but the iphone makes it almost unusable.

i tried adding class=’noLightbox’ to that shortcode, but it does not work.

are you saying i need to abandon using button shortcodes and go to traditional ahref links only?

where should this class tag go in this button shortcode, yigit?

[av_button label='Download hi-rez' link='manually,http://www.costcat.com/wp-content/uploads/2013/10/langers-102313.jpg' link_target='_blank' color='theme-color-subtle' custom_bg='#444444' custom_font='#ffffff' size='large' position='center' icon_select='yes' icon='ue887' font='entypo-fontello']

i don’t see any place that has a traditional a href tag at all.

Awesome thanks Ismeal.

I might need help with the Media Query css.

I want all of those animations to be hidden for the mobile view. I’m not very familiar with the CSS to isolate columns or sections? Or do I just add this for each image that is animated? Because I don’t want big white gaps between the paragraphs on the mobile view either…

And this question was unanswered:
I’m wondering how I would go about adding a background with rounded corners and a shadow for the columns to sit in. See ex:
http://granify.com/ <– You need to scroll down to their content.
Would this just be a matter of making a large background image? Or can I give columns their own background images?

And lastly! (I need to tip you guys some BTC, honestly. haha)
How do I make the header transparent? I want the header to be fully transparent when it’s in full view, but to stay how it is now when someone scrolls down.
Similar to the effect in: https://www.picatic.com/

Thanks Ismeal!!

Thanks for the help…

I’ve added that extra line of code, but it’s still not looking right : http://imgur.com/S6iLjJW

Also the sortable categories aren’t showing anymore either? This all changes when I upgraded the theme, but my other portfolio grids haven’t been affected, just this one.

All the images also look like they’re cropped differently to how they originally were.

Not sure why it’s gone all weird – is it because of the upgrade?

Thanks again for your assistance!

Hello, Ismael!
I’ve tried this code, but it will lead to problem, from which I’ve started this topic.
Can I just disable image hover effect (with green circle on hover) only for product pages?

Dear Yigit,

Thanks for the new CSS I pasted
@media only screen and (max-width: 989px) {.avia_desktop .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry:hover .av-inner-masonry-content { opacity: 0!important; }}
into the quick css box on my styles control panel, It had no effect on the iPad. I then decided to see if I could make the hover disappear by using the settings in the fullwidth masonry control panel, I set the element title and excerpt drop down to display neither. I then refreshed my iPad and saw what I am looking for. Of course this does not solve my problem but it did confirm that at least my iPad is responding to changes. I do not know what I can do to help solve this iPad hove problem. I wish it was easier — please advise if you have any ideas of some things I could test.
I am using a child theme and I even pasted the css into the styles.css file to see if that would have any effect. I even took the css out of the quick css box for this test, to see if it had an effect. I also switched back to the parent theme and applied css to the quick css box and it again had no effect.

Best regards — George

Edited config.php at line 898 – got this error:
Parse error: syntax error, unexpected ‘function’ (T_FUNCTION) in /home/lindapir/public_html/grossdyg52/wp-content/themes/enfold/config-woocommerce/config.php on line 903

Also, I did not do this edit yet: do I need to edit the single product thumbnail size in config.php if I have not imported all my images yet?

Thanks – by the way, check out my opening sliders at http://75.103.91.29/grossdyg52/ – I love this theme!!

You DA Man! Hey last thing, how do I go about making changes to the margin spacing between the elements? I have included a picture of what I mean.

If possible to make the video bigger? The elements does not seem to do anything at this size? If not that’s cool.

Thanks, however I have two different queries:

1. http://www.realwiredmusic.com/previous-ongoing-bookings-2/ this is the page where i need to have 4 columns. Is there a way to change this in the masonry gallery?

2. http://www.realwiredmusic.com/artists/ I added the code you gave me to custom css… the images are now showing, but they don’t look right at all, and there is a huge image at the top? I just want 4 rows of portfolio items in a “portfolio small” grid, as per my backend settings.

Lastly, is there a way to add more than 100 portfolio items to a single page without having pagination?

Thanks for your help!