Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • July 24, 2017 at 6:24 pm #829121
    jonrouse

    Hi,
    I’ve asked you enough questions to think that this is possible, but is there any chance you could let me know what the quick CSS would be please?

    Thank you.

    July 24, 2017 at 6:38 pm #829128
    Yigit

    Hey,

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

    .av-inner-masonry {
    border-radius: 5px;
}

    If that does not help, please post a link to your page :)

    Best regards,
    Yigit

    July 25, 2017 at 10:11 am #829516
    jonrouse

    Hi Yigit,

    I did post a reply but for some reason it didn’t display.

    This question is for a site that I am visualising, but I am testing on another person’s website, so any changes I make can only be temporary.
    I have posted a link to the site that I am experimenting on.

    Your code didn’t work though. I was experimenting by viewing the code in the browser and I found that adding a radius to figure.av-inner-masonry.main_color worked, but on mouseover the corners returned to being square until the rollover complete it’s animation.

    July 25, 2017 at 10:43 am #829550
    Nikko

    Hi,

    Can you try adding !important after border-radius: 5px; so it should look like:

    border-radius: 5px !important;

    Hope this helps :)

    Best regards,
    Nikko

    July 25, 2017 at 10:56 am #829557
    jonrouse

    Thanks Nikko, but that’s not working.

    July 25, 2017 at 1:05 pm #829612
    Yigit

    Hi,

    Please try using the code as following

    #top .av-masonry-entry * {
    border-radius: 5px;
}

    Best regards,
    Yigit

    July 25, 2017 at 1:17 pm #829619
    jonrouse

    Hi Yigit,
    I tried that and with !important and it doesn’t work.
    Sorry to be such a pain, I thought this would be an easy one!

    July 25, 2017 at 1:19 pm #829620
    Yigit

    Hi,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Yigit

    July 25, 2017 at 1:29 pm #829626
    jonrouse

    Hi Yigit
    Thanks for the offer, but I don’t want to mess around with another clients website when it’s live.
    Maybe I should wait until I’m developing this one and post back with another request.

    This was what I was trying to achieve.
    pic

    July 25, 2017 at 1:38 pm #829629
    Yigit

    Hi,

    Sure. We can keep this thread open for you. It will be on hold until you reply and when you want us to look into it, you can simply reply to re-open this thread :)

    Best regards,
    Yigit

    July 25, 2017 at 1:39 pm #829630
    jonrouse

    Great. Thanks for your continued A1 support!

    July 25, 2017 at 1:48 pm #829635
    Yigit

    Hi,

    Thank you for being a loyal Enfold user :)
    We will be waiting to hear from you!

    Best regards,
    Yigit

    July 25, 2017 at 4:06 pm #829683
    goldengate415

    Watching this thread… I think rounded corners look great!

    July 26, 2017 at 6:56 am #829979
    Tameez

    Hi @jonrouse,

    Never mind. I thought I had a solution.

    Regards,

    • This reply was modified 7 years, 4 months ago by Tameez.
    January 8, 2024 at 8:54 pm #1429597
    viktorijah

    Hi there,
    I would like to know, if there is a solution for round corners to the masonry grid? I would like to set the border-radius only at the 4 corners of the whole gallery. The images shouldn’t be rounded, except the 4 at the corners: 1 top-left, 1 top right a.s.o.

    Could you give me a solution? This would be great!

    Viki

    January 9, 2024 at 8:22 am #1429625
    Rikard

    Hi Viki,

    Could you post a link to where we can see the element in question please? If you have a screenshot highlighting your intentions, then that would help too.

    Best regards,
    Rikard

    January 9, 2024 at 2:16 pm #1429637
    jonrouse

    Hi,
    For what it’s worth, what I did was made my feature images transparent png files with rounded corners.
    I had animation set to Default Animation, and Blur on Hover effect. To ensure the rollover retained the rounded corners I used the following CSS.

    #top .av-masonry-entry * {
    border-radius: 20px;
}

    Hope this helps.

    January 9, 2024 at 7:00 pm #1429660
    Rikard

    Hi,

    Thanks for sharing @jonrouse :-)

    Best regards,
    Rikard

    January 18, 2024 at 12:28 pm #1431384
    viktorijah

    This is the Masonry e.g. where I would like to have round corners:

    Projekte

    and here:

    Über uns

    I tried also to save the concerning images as pngs, but this doesn’t help in the responsive context, as the masonry is switching to new order. Except I would create for every breakpoint another masonry.
    rounded

    January 18, 2024 at 1:31 pm #1431389
    jonrouse

    The CSS I left gives the below results, but I would suggest having the “Large Gap” in between images. I don’t think you can make the whole element have round corners, whilst keeping square corners on the individual entries.

    screen

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