Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • January 9, 2014 at 9:05 pm #207636
    fjrichart

    Someone raised this topic and later he himself said. I’ve sort it out.
    I created an ID for the Masonry and add the following to my custom.css file:
    #masonry ID {
    max-width:1210px;
    margin:auto;
    }
    Well I’ve tried the same thing and it didn’t work. If I understand well I had to write the word “masonry” where it says “For Developers. Section ID” in the Masonry Gallery. This way masonry is considered an ID. Correct? This is what I did but it didn’t worked.

    January 10, 2014 at 1:44 am #207749
    Josue

    Hi fjrichart!

    Did you see this topic? https://kriesi.at/support/topic/fullwidth-masonry-boxed-within-stretched-layout/

    Your code is right, just remove that ” ID” from the selector.

    Cheers!
    Josue

    January 10, 2014 at 10:13 am #207902
    fjrichart

    Thank you Josue I’ve seen that this guy uses an ID and the guy in the other topic uses: .main_color .av-masonry {
    Both work OK but what’s the difference? Both worked but the first one changed the color of the screen background. The background I’m using is black and it turned it into a grey almost white.

    January 10, 2014 at 7:59 pm #208142
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    January 10, 2014 at 9:41 pm #208189
    fjrichart
    This reply has been marked as private.
    January 10, 2014 at 10:41 pm #208222
    fjrichart

    The gallery that isn’t Masonry respects the order you want but crops the photo. Could it be possible to get that it doesn’t crop and keep the height and width ratio?

    January 11, 2014 at 9:10 am #208364
    Dude

    Hi!

    You can try to change the thumbnail size of the images in the default gallery (i.e. use “No Scaling (Original Width X Original Height)”). Then use following code

    
#top .avia-gallery .avia-gallery-thumb a {
height: auto;
width: 20%;
}

    to change the width of the images in % and the height:auto attribute will make sure that the images are not cropped.

    Best regards,
    Peter

    January 11, 2014 at 12:11 pm #208387
    fjrichart
    This reply has been marked as private.
    January 11, 2014 at 1:04 pm #208390
    Dude

    Hi!

    Please check the thumbnail fade in effect option: http://www.clipular.com/c/5844663923638272.png?k=kpW9Aw9E9gbNaWSuXuSe5QXCPA0 and set it to “Activate on page load”.

    Regards,
    Peter

    January 11, 2014 at 3:41 pm #208406
    fjrichart

    Yea I’m dumb. Thank you.
    Do you know if there exits a WYSiWYG gallery pluging so I mean that I can drag images around from one point to another with the mouse and images will stay where I leave them?

    January 11, 2014 at 3:47 pm #208408
    Dude

    Hi!

    I’m not sure but you can try the nextgen gallery plugin: http://wordpress.org/plugins/nextgen-gallery/ – maybe it supports such an interface.

    Regards,
    Peter

    January 11, 2014 at 9:35 pm #208468
    fjrichart

    Thanks I’ll check.
    The last question: The gallery always displays the photo title on mouse hover and it doesn’t give you the option to say that you don’t want to display. How can I say I don”t want.

    January 12, 2014 at 5:04 am #208554
    Yigit

    Hi!

    Please refer to Peter’s post here https://kriesi.at/support/topic/easyslider-hide-the-small-yellow-mouseover-box-displaying-the-filename/#post-191379

    Regards,
    Yigit

    January 12, 2014 at 11:39 am #208624
    fjrichart

    Thank you. The Dude’s solution worked. Regards.

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Is it possible to make a Masonry gallery not fullwidth?’ is closed to new replies.