Tagged: ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • July 27, 2020 at 10:27 pm #1233599
    sifupeter

    How can I remove the gray borders from the Portfolio Grid? I have inspected the css and tried overriding the css classes in multiple layers of the div structures surrounding the cells, but none of them seem to override the borders. I also want to get rid of the icon that appears on hover of the cells and would like to add a little padding to each grid item.

    Where/how can I do that?

    Thank you!

    https://staging.silverlakecaregivers.com/brand-partners/

    July 27, 2020 at 10:34 pm #1233602
    Jordan Shannon

    Hey sifupeter,

    Your link is redirecting to a login. Are you able to provide admin info in the private area so we can look into this issue further?

    Best regards,
    Jordan Shannon

    July 28, 2020 at 7:29 pm #1233787
    sifupeter

    Jordan, I gave you an admin login account yesterday, have you used it yet? Do you have any questions about what I am trying to do?

    July 29, 2020 at 4:51 am #1233837
    Jordan Shannon

    Hi,

    Apologies if I’m missing it, but I don’t see the login info in this thread.

    Best regards,
    Jordan Shannon

    July 29, 2020 at 5:36 pm #1233992
    sifupeter

    Jordan I put it in the private content box. Isn’t that where I am supposed to give you that sort of information? I’m doing that again now.

    July 29, 2020 at 6:32 pm #1233999
    sifupeter

    Sorry Jordan, I didn’t realize that apparently the Private Content will not post without a comment.

    August 1, 2020 at 9:41 am #1234484
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    .grid-entry .inner-entry {
    box-shadow: none;
}

    Best regards,
    Rikard

    August 3, 2020 at 10:24 pm #1234988
    sifupeter

    Ok thank you Rickard, that got rid of the borders… now how to get rid of the overlays? I want the little arrow at the bottom gone (“avia-arrow” is the class I think), and the green arrow icon on hover which seems like it might be related to the a href combined by the class “image-overlay-inside”?

    I tried this and it removed the transparent overlay, but not the green arrow icon:

    .image-overlay {
    background: none;
    }

    August 5, 2020 at 12:48 pm #1235389
    Rikard

    Hi,

    Thanks for the update. Please try this CSS as well:

    div.grid-entry span.image-overlay-inside:before {
  display: none;
}

    Best regards,
    Rikard

    August 5, 2020 at 6:37 pm #1235490
    sifupeter

    Thank you Rikard! That did remove the green arrow hover overlay, but there was one other thing I would like to removed, the little arrow at the bottom (“avia-arrow” is the class I think). I can’t atttach a screenshot here but if you look at this link you will see what I mean. At the bottom of any image that goes all the way to the bottom edge (50Cal, Beezle, Bubonic, Cannawraps, etc.) you will see a small white triangle that pokes into the image.
    https://staging.silverlakecaregivers.com/brand-partners/

    August 7, 2020 at 4:52 am #1235908
    Rikard

    Hi,

    Thanks for the update. Please try this CSS as well to get rid of the “arrow”:

    div.grid-content .avia-arrow {
  display: none; 
}

    Best regards,
    Rikard

    August 24, 2020 at 9:33 pm #1240523
    sifupeter

    Hi Rikard, sorry I haven’t responded in a couple weeks. Your last bit of css solved the last of the style adjustments I wanted to make. Thanks very much for your help and please consider this topic completely resolved.

    August 24, 2020 at 10:47 pm #1240531
    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 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Portfolio grid remove grid borders, edit hover style’ is closed to new replies.