Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #680465

    Hello! I wasn’t able to find anything with instructions for updating this. Can you please help me update a few things on the captions for a masonry gallery.
    1. Change the caption animation from the Flip X to a Fade In Up.
    2. Remove the arrow
    3. Add 1px in width to remove the extra space shown in the image below.
    Thank you for your help!
    Caption changes

    #681146

    Hey Rachel,

    Could you post a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    #681178

    Here is a link, site is WIP for now, thanks!
    http://chrisgallop.com/blog/#work

    • This reply was modified 2 years, 10 months ago by  raylay.
    #681222

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .av-inner-masonry .avia-arrow {
    	display: none !important;
    }
    
    .av-caption-on-hover . (Purchase code hidden if logged out)  .av-inner-masonry-content {
        opacity: 0;
        filter: alpha(opacity=0)!important;
    }
    
    .av-masonry-entry. (Purchase code hidden if logged out)  .av-inner-masonry-content {
        -webkit-transform: rotateX(0deg)!important;
        transform: rotateX(0deg)!important;
    }
    

    Best regards,
    Vinay

    #682377

    Almost there, but you can still see the width is 1px too small. How can I increase the width?

    #683845

    Hi,

    Please change the last block of code to :

    .av-masonry-entry. (Purchase code hidden if logged out)  .av-inner-masonry-content {
        -webkit-transform: rotateX(0deg)!important;
        transform: rotateX(0deg)!important;
        width: calc(100% + 1px);
    }

    Best regards,
    Vinay

    #684344

    Worked perfectly! Thank you!

    #684679

    Hi,

    Great, glad we could help :-)

    Please open a new thread if you should have any further questions or problems.

    Regards,
    Rikard

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Change Caption animation and size’ is closed to new replies.