Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 1, 2016 at 5:54 am #680465
    raylay

    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

    September 2, 2016 at 6:57 am #681146
    Rikard

    Hey Rachel,

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

    Regards,
    Rikard

    September 2, 2016 at 8:16 am #681178
    raylay

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

    • This reply was modified 7 years, 10 months ago by raylay.
    September 2, 2016 at 11:17 am #681222
    Vinay

    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 .av-masonry-item-with-image .av-inner-masonry-content {
    opacity: 0;
    filter: alpha(opacity=0)!important;
}

.av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content {
    -webkit-transform: rotateX(0deg)!important;
    transform: rotateX(0deg)!important;
}

    Best regards,
    Vinay

    September 5, 2016 at 11:38 pm #682377
    raylay

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

    September 8, 2016 at 6:58 pm #683845
    Vinay

    Hi,

    Please change the last block of code to :

    .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content {
    -webkit-transform: rotateX(0deg)!important;
    transform: rotateX(0deg)!important;
    width: calc(100% + 1px);
}

    Best regards,
    Vinay

    September 9, 2016 at 8:41 pm #684344
    raylay

    Worked perfectly! Thank you!

    September 11, 2016 at 7:44 am #684679
    Rikard

    Hi,

    Great, glad we could help :-)

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

    Regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Change Caption animation and size’ is closed to new replies.