Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 27, 2021 at 3:02 am #1275650
    kaylesimon

    Hi Enfold. I’m working on a site similar to one of your examples, but when I use the full width masonry grid and turn on sorting, it puts the line of choices into the background box where it looks pretty ugly. But I can’t figure out how to put it above the black background, or at least cover all of the black right to the edges to it seems to.

    What I want to avoid: http://realfreshbuild.com/enfoldsort.png
    My solution thus far: https://realfreshbuild.com/realfresh/

    You can see how much nicer it looks, but then I lose the cool animation of the elements sorting. Just wondered if there was a way to get both. I just think the sort inside the masonry box background looks too terrible to live with.

    Thanks in advance.

    January 27, 2021 at 9:54 pm #1275887
    Victoria

    Hey kaylesimon,

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    January 27, 2021 at 10:18 pm #1275903
    kaylesimon

    Thanks VIctoria. I think my second link pretty much showed it but here’s a mockup for you in case it’s unclear…I’ve basically just gotten rid of the thick black borders around the sorting area. I tried getting rid of margins, padding, etc. but I could not pull sorting visually out of that black background.

    I’m really okay with my workaround (which again you can see at https://realfeashbuild.com/realfresh) if this is difficult but wanted to mention it because I really think having the sorting not handled as a separate element so we can change it’s background color is an important opportunity to consider in the future. The sort should float above, and not be inside, the grid.

    Here’s the mockup.
    https://realfreshbuild.com/enfoldsort-wish.png.

    January 28, 2021 at 9:07 pm #1276132
    Victoria

    Hi kaylesimon,

    The masonry has its own sorting option and it makes me wonder why you’re using the sub-menu for it. We can remove the borders but maybe you should switch to the masonry sorting first?

    Best regards,
    Victoria

    January 28, 2021 at 9:15 pm #1276138
    kaylesimon

    That is exactly what I want to do. It sounds like you’d like me to switch back to the masonry sort before you tell me how to get rid of the borders…done and done! Here you go:

    Home

    Thanks again Victoria; I’m sorry if my request was confusing because of my work-around. Would LOVE to use the built in sorting option, just hated how it looked.

    Kayle

    January 29, 2021 at 7:53 pm #1276387
    Victoria

    Hi Kayle,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top .av-large-gap .av-masonry-sort {
    margin: -15px 0px 15px -15px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 30, 2021 at 12:25 am #1276456
    kaylesimon

    Worked a charm, without even an “important.”
    You are THE BEST. ˆ don’t know why I couldn’t figure that out myself; I never think of trying negatives. Thank you Victoria!

    January 30, 2021 at 2:31 am #1276462
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Sort line on Masonry Grid’ is closed to new replies.