Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • June 23, 2016 at 12:23 am #652414
    hdpcr

    Hi

    A while ago you gave me this Custom CSS bellow to control Gap pixels in Masonry Entries *Galerry based on Pages) and it works fine. But i it doesnt work for Regular Masonry Gallery when i insert it inside a page/portfolio. Could you please indicte what do i have to change and what to add if i only want to be active only in certain galleries *Custom CSS Class”

    Thank you very muuch

    Please set it to 1px and then add following code to Quick CSS as well

    .av-1px-gap.av-fixed-size .av-masonry-entry .av-inner-masonry {
    position: absolute;
    right: 3px;
    bottom: 3px;
    }

    June 26, 2016 at 12:54 am #653441
    hdpcr

    Hi

    Any Update?

    Thank you

    June 26, 2016 at 2:59 am #653455
    Ismael

    Hi,

    We are very sorry for the delay.

    Please use this:

    .av-1px-gap.av-flex-size .av-masonry-entry .av-inner-masonry {
    position: relative;
    margin-right: 3px;
    margin-bottom: 3px;
}

    Best regards,
    Ismael

    July 1, 2016 at 11:47 pm #655930
    hdpcr

    Hi

    What if i need to apply this CSS to specific pages i just have to add this?

    .my-custom-css .av-1px-gap.av-flex-size .av-masonry-entry .av-inner-masonry {
    position: relative;
    margin-right: 3px;
    margin-bottom: 3px;
    }

    Thank you very much

    July 2, 2016 at 10:11 am #656082
    Vinay

    Hi,

    To target specific page on wordpress please right click inspect the page and check the class name in the <body> tag that starts with page-id-xx. Each page will have a different page ID please use this class name to target specific pages.

    Best regards,
    Vinay

    July 2, 2016 at 4:51 pm #656125
    hdpcr

    Hi

    So i cannot do it in Custom CSS Class related to that galerry with .my-custom-class xxxxx only with page id? Because if its for 3 pages i will have to insert 3 custom css.

    Thank you

    July 4, 2016 at 2:22 pm #656577
    Yigit

    Hi!

    You can add Code Block element to those pages and then add the code inside it as following 

    <style>.av-1px-gap.av-flex-size .av-masonry-entry .av-inner-masonry {
    position: relative;
    margin-right: 3px;
    margin-bottom: 3px;
}</style>

    Regards,
    Yigit

    July 14, 2016 at 5:04 pm #660938
    hdpcr

    Hi

    Sorry to get back to this post. Now i had to us it it didnt work. I tried with both CSS and in code block but the space is always the same

    Thank you

    July 15, 2016 at 4:28 pm #661422
    Yigit

    Hi,

    Can you please try giving your element a custom CSS class (i believe it is already enabled on your installation but in case it is not, please see – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) and then change the code to following one

    .my-custom-css .av-inner-masonry {
position: relative !important;
margin-right: 3px !important;
margin-bottom: 3px !important;
}

    Best regards,
    Yigit

    July 22, 2016 at 11:52 pm #664093
    hdpcr

    Hi Yigit

    Last provided code work fine as long as i select Flexible Masonry in size setting. If i choose Perfect Grid or Perfect Masonry in size options images are just not shown.
    I tried it with same size images and it works but not when you have different sizes

    Thank you very much

    July 25, 2016 at 11:34 pm #664939
    Yigit

    Hi,

    And i suppose we would like to display different sized images? :)
    If so, could you please post the link to an example page?

    Best regards,
    Yigit

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.