Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 3, 2015 at 8:11 pm #374545
    hobeadmin

    Hello!

    My site is: http://kerrybutlerdesign.com/ and I am trying to remove all of the circles that overlay an image when hovering. Could you please provide me the code to do so? An example of what I am referring to is on this page: http://kerrybutlerdesign.com/work/

    Thank you for your help in advance!

    January 4, 2015 at 12:30 am #374564
    begrafiks

    Hi hobeadmin,
    see in enfold documentation : http://kriesi.at/documentation/enfold/disable-css-overlay-on-images/

    January 5, 2015 at 2:08 am #374855
    Yigit

    Hi!

    You can use the code in the link @begrafiks posted or you can add following code to Quick CSS in Enfold theme options under General Styling tab

    .image-overlay {
display: none !important;
 }


    @begrafiks     Thanks as always :)

    Best regards,
    Yigit

    October 9, 2018 at 5:37 pm #1019572
    s29ers

    Hi there
    I saw several examples of this code, but it removed overlay effect and the red circle. How to remove just the circle but keep the overlay effect when mousing over?
    Thanks

    October 9, 2018 at 6:10 pm #1019590
    Victoria

    Hi s29ers,

    Best regards,
    Victoria

    October 9, 2018 at 10:59 pm #1019686
    s29ers

    Hi Victoria, your post was blank; I tried the code in the post but it removes the circle and also removes any overlay which I would like to keep as then the user knows he has moused over a link. How to remove the circle only? Thanks

    October 10, 2018 at 1:50 pm #1019943
    Victoria

    Hi s29ers,

    Did you not see my comments in private with the screenshot and comments?

    Basically, it says that I see no red circle only gray fading out. Is this not how you see it now?

    Best regards,
    Victoria

    October 10, 2018 at 6:28 pm #1020031
    s29ers

    Hi Victoria, sorry, none that I see — no private comments or screenshots. Only the normal posts. I think you were looking at pages that have small thumbnails, Try the page I pasted in the private section below. Thanks

    October 12, 2018 at 8:40 pm #1020828
    Victoria

    Hi s29ers,

    Thanks for clarifying. I was looking at a different page.

    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

    
.image-overlay .image-overlay-inside:before {
  display: none;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 13, 2018 at 3:15 am #1020918
    s29ers

    Thanks, that’s perfect. I had been trying several things before that weren’t working properly! BTW, your solution worked in Quick CSS. I may have some similar question on tooltips and captions but will try myself first. Thanks again. Regards, s29ers.

    October 13, 2018 at 3:26 am #1020922
    Vinay

    Hi,

    Glad we could help! For different topics please open a new ticket.

    You may also find the solution for tooltips and other customizations in our docs, please bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Removing Circle Overlay on Images’ is closed to new replies.