Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • August 20, 2014 at 12:39 pm #306785
    Welmoed

    Hi!

    I hope you understand what I mean with my question :-) I’m making a website for a customer and they’d like to replace (with another logo) or remove the arrow that shows in the middle of a photo when hovering over it with your mouse. This happens with post sliders.

    Any way I can replace or remove those?

    August 20, 2014 at 12:48 pm #306788
    Yigit

    Hey Welmoed!

    To change it, please see – http://kriesi.at/documentation/enfold/change-icon-used-for-standard-theme-elements/
    To remove it on post slider, please add following code to Quick CSS in Enfold theme options under General Styling tab

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

    Best regards,
    Yigit

    August 20, 2014 at 3:57 pm #306898
    Welmoed

    Hey Yigit,

    thanks! I added this exact code to the custom CSS bit, but they’re still there… What went wrong?

    Best regards,

    Welmoed

    August 20, 2014 at 4:37 pm #306919
    Yigit

    Hey!

    Please make sure that wp-content/uploads folder has correct permissions ( 755 ) – http://codex.wordpress.org/Changing_File_Permissions

    Regards,
    Yigit

    August 27, 2014 at 12:14 pm #309757
    Welmoed

    Hey Yigit,

    I think it had something to do with caches etc, because it worked fine later on. Sometimes I just need to restart the computer or something to see results :-)

    Now for a related bit: how can I remove the orange circle/two arrows from the blog-pictures? See for example: http://www.vrijzinnigen.nl/blog-wies-houweling-vrijzinnige-zakkenvullers/

    August 27, 2014 at 12:37 pm #309769
    Yigit

    Hi!

    Please add following code to Quick CSS as well

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

    Probably :) Please flush browser cache and refresh your page a few times after making styling changes

    Regards,
    Yigit

    September 9, 2014 at 9:49 pm #316113
    Welmoed

    Thanks!

    Now I also have a picture on a page and it has this same orange thing that I’d like to see removed. I can guess part of the code for this, but can you please provide me with the first bit? (The bit that is .blog-meta a / .slide-entry-wrap above).

    Thanks again!

    September 10, 2014 at 4:20 am #316237
    Ismael

    Hey!

    Thank you for the update.

    Are you referring to the small preview background? Please use this:

    .main_color .small-preview, .main_color .small-preview:hover {
background: transparent;
}

    Cheers!
    Ismael

    September 10, 2014 at 11:09 pm #316993
    Welmoed

    Hey Ismael,

    thanks for your reply. I’m not sure what you mean. I mean the orange ‘circle’ that you see when hovering over the picture on this page: http://www.vrijzinnigen.nl/midden-drenthe/

    Regards,

    Welmoed

    September 10, 2014 at 11:12 pm #316996
    Yigit

    Hey!

    Please add following code to Quick CSS 

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

    Cheers!
    Yigit

    October 2, 2014 at 8:54 am #328739
    Welmoed

    Thanks!

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Post slider – remove arrow in circle’ is closed to new replies.