Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1233599

    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/

    #1233602

    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

    #1233787

    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?

    #1233837

    Hi,

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

    Best regards,
    Jordan Shannon

    #1233992

    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.

    #1233999

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

    #1234484

    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

    #1234988

    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;
    }

    #1235389

    Hi,

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

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

    Best regards,
    Rikard

    #1235490

    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/

    #1235908

    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

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.