Remove Title and Overlay

This topic contains 7 replies, has 2 voices, and was last updated by Ernest Marcinko Ernest Marcinko 6 years, 1 month ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #8567
    thinkbuild
    thinkbuild
    Participant

    Hi! I am trying to remove the title section and image overlay with search icon that comes up for each result on isotopic view, as well as the title from other views . I am not sure if I am missing something quite simple in the settings, but I’ve looked all over them as well as documentation and comments on code canyon.

    I just want to have it return the thumbnail – and if possible, the title could replace the magnifying glass for the overlay, but that is not necessary!

    Additionally, it looks like the horizontal view is a polaroid style? I’m not sure if this is a glitch or how its supposed to look. (image included).

    thanks very much in advance

    #8568
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Hi!

    There is an option to hide the overlay, but I believe in your case it’s not the best thing to do, since you want to get rid off the title as well. If you turn off the overlay and the title as well, then the results will be unclickable, so I rather suggest something else.

    Use this custom CSS to get rid off the overlay background and the icon, and to hide the title as well:

    .asp_content {
        display: none !important;
    }
    
    .asp_item_overlay {
        display: block !important;
        background: none !important;
    }
    
    .asp_item_inner {
        display: none !important;
    }
    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


    #8569
    thinkbuild
    thinkbuild
    Participant

    Thank you so much for a quick reply – this did remove their appearance, but unfortunately, as you mentioned, the result is now not clickable. Could you please tell me where to look that might be causing this issue?

    I searched the database and came into something about the page loader, and used the search to find the option in the panel (see below), but I don’t see them under the general options. I looked on all the tabs, not sure if I have a setting turned off that wouldnt show them.

    Also, I’m wondering if it’s possible to make the loading animation smaller; it seems like it sizes proportional to the div, but my div is pretty large!

    Use ajax page loader on result click?
    Use ajax page loader on magnifier click?
    Use ajax page loader on return button?
    Use ajax page loader on typing?

    #8574
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Hi!

    Make sure to have the Show overlay on mouseover? option enabled on the Theme Options -> Isotopic results panel: https://i.imgur.com/RL35ubh.png
    Otherwise I think it won’t work.

    The ajax page loader works if the AAPL plugin is installed. It’s a deprecated function, will be most likely removed soon. (too much trouble maintaining it)

    I guess the best way to make a smaller loader is to apply a scaling CSS code. Something like:

    .probox .proloading .asp_loader {
         transform: scale(0.5);
    }

    This will make it half the original width and height, but leaves it in the center. Sort of zooming it out. You can try higher/lower numbers to find the best fitting size.

    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


    #8576
    thinkbuild
    thinkbuild
    Participant

    That setting change was just the right thing thanks so much!
    However, I don’t think the change for the animation is working. If you have any other suggestions or that I should check something that may be conflicting, please let me know.

    Thanks for the info on AAPL!

    My last question as of now is if you have any suggestions for speeding up the search? I read thru the docs and changed all the settings that I could, but it’s still kind of slow. I’m using the both regular and index search on different search instances. I’m currently on a shared server and am considering doing a VPS – would that help speed up the search or does it not have anything to do with that?

    Your support is GREATLY appreciated and I hope you’re proud of your product!

    #8577
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Hi!

    However, I don’t think the change for the animation is working.

    Can you please be more specific about this? I’m not sure what you mean 🙂

    Well, for the speed if you read this chapter and applied all/most of the changes, then after that point is mostly up to the server speed. On shared environments suggestions 1. and 2. in that chapter can make a huge difference.

    I can’t say for sure that a VPS is going to solve everything, it highly depends on your configuration – number and quality of plugins, visitors count, server usage etc.. In my case it did miracles. This site and all the demo sites (overall 5 wordpress sites) are running on the same VPS server, which is a 10$/month digital ocean droplet. Before that I was using various shared hosts for much higher price, but after a certain amount of traffic they all failed.
    On the downside, this host is unmanaged, meaning that you have to install everything manually via SSH prompt, and if anything fails, you have to fix it. The speed gain is however tremendous, as there is no WHQM nor CPanel running in the background, just the minimal required stuff.

    If you ever decide to switch, I suggest making a test environment first. Digital Ocean bills hourly, so you can create/destroy server droplets anytime you want. So if you create a 5$/month droplet and play with it for a week and decide to move, you only pay the portion of 5$ for it.

    Here is a tutorial I have written, back when I moved my sites there. It contains most of the stuff you need, but they also have a great deal of tutorials if you can’t find anything.

    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


    #8593
    thinkbuild
    thinkbuild
    Participant

    Sorry – to clarify, I was saying that the CSS you provided unfortunately didn’t make the loading animations any smaller.

    Thank you very much for the detail and resources about servers! I’ll keep this all in mind.

    #8620
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Hi!

    Can you please try the same CSS with a modification:

    .probox .proloading .asp_loader {
         transform: scale(0.5) !important;
    }

    There might be a different transformation applied, and if so, this will make sure to override it.

    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


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

You must be logged in to reply to this topic.