Animations + Lightbox + Image Tags

[quituck]

Hi,

1. Since, cornerstone recent update I have been having trouble adding a “Fade in Effect” to new sections. Did you do away with the feature? Or, can it only be used in classic sections? I would prefer to use it in new sections. https://prnt.sc/pqemdy

2. My second question is how to resolve a problem I’m having with the lightbox shortcode. Let me explain.
   I’m using the lightbox shortcode on my homepage to display two weekly list of comics.
   However, it seems to be conflicting with my four classic images that have an active link and tooltips in my footer (https://prnt.sc/pqelu7). Whenever I click one of the images the lightbox appears. That is why I believe my shortcode it conflicting with my images. Can you please look into this conflict?

3. Lastly, can you tell me how can I “Specify image dimensions”? According to my last SEO report, I have multiple images ( elements) that are missing width and/or height attributes. I have no idea how to do that, since most of my images are background images in sections and other images are added using cornerstone image elements. Is there a way I can edit the image tag to add these attributes manually?
   https://prnt.sc/pqeibl

[christian]

Hey @quituck,

1. The answer to your question can be found in latest Release Notes.

@Themeco1

Where are the Column Fade options in the new layout elements?

Presently, the new Column does not have a fade option like the previous generation. If this is required, you may want to continue using the old version which is described in the prior FAQ entries.

We didn’t include it because it would conflict with an upcoming feature we’re investigating that would add transition state controls to all V2 elements. For example, instead of an entire column, you could fade just a button. Or maybe you want to animate in an entire row? This will most likely be a new set of controls under the “Customize” tab of V2 elements.

2. Your Lightbox setup targets all images. The Selector should be specific. For more details, please review the Lightbox documentation: https://theme.co/apex/forum/t/shortcodes-lightbox/165

3. Images in V2 Elements include the width and height attributes. If you’re using a Classic Image though, you need to change it to V2 Image as there’s no way to add attributes to it. Images used as background are added by CSS so width and height attributes can’t be applied to them.

Hope that helps.

[quituck]

Thank you for that information.

Can you please clarify my second question? How should I write the lightbox shortcode? So it only targets my image of choice.

[nabeel]

Hey @quituck,

To target the specific images with lightbox shortcode, first give your images a class e.g lightbox-image and then use the following lightbox shortcode:

[lightbox selector=".lightbox-image"]

The above shortcode will only target the images that have the class lightbox-image. Hope this helps!

[quituck]

Perfect. Thank you!

[friech]

We are delighted to assist you with this.

Cheers!