Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • March 5, 2017 at 2:45 am #755797
    ttomasini

    Hello,

    You have me this quick CSS code that worked:
    .av-image-hotspot-pulse {
    display: none!important; }
    .av-image-hotspot_inner {
    opacity: 0; }
    .av-tt-hotspot .avia-arrow-wrap {
    display: none; }

    However, I now am using a minify plugin that interferes and the hotspot is again visible.

    Can I place this code into a css file within the theme so it will work?

    Thanks

    March 5, 2017 at 8:02 pm #756012
    Mike

    Hey Terry,
    Yes use the custom.css file that is located in your themes /css/ folder to add your styles. You will need FTP access, or cPanel, to edit it.
    postimage
    Best regards,
    Mike

    March 5, 2017 at 9:47 pm #756034
    ttomasini

    Hmmm –

    I removeD the code from the quick CSS where is was working appropriately, and placed into into the Custom CSS file. It does not work.

    Is there anything else I need to do to instruct the site to honor the Custom CSS file?

    Terry

    March 5, 2017 at 10:01 pm #756037
    ttomasini

    Can I edit in short codes.css?

    March 6, 2017 at 12:47 am #756069
    Mike

    Hi,
    The custom.css file over rides everything else. Did you clear your browser cache? Did you cut & paste from the Quick CSS?
    Are you using a child theme? If so you add your custom CSS in the Style.css file of your child theme.
    What page was the hot spots on, I could not find them?
    Best regards,
    Mike

    • This reply was modified 7 years, 8 months ago by Mike.
    March 6, 2017 at 1:02 am #756074
    ttomasini

    Hello Mike,

    Yes, cut and paste from quick css and cleared cache. Tried in 3 different browsers.

    Not yet using child, but need to move to it.

    Page is http://www.hessel.org/home-dev/

    Here is the code in custom CSS:

    /* Have fun adding your style here :) – PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

    /* General Custom CSS */
    .av-image-hotspot-pulse {
    display: none!important;
    }

    .av-image-hotspot_inner {
    opacity: 0;
    }

    .av-tt-hotspot .avia-arrow-wrap {
    display: none;
    }

    March 6, 2017 at 1:08 am #756076
    Mike

    Hi,
    If I remember right the hotspots were on the buttons? I’m sorry I don’t see them?
    postimage

    Best regards,
    Mike

    March 6, 2017 at 1:23 am #756085
    ttomasini

    Hmm –

    Now I’m confused –

    Yes, those are the buttons on http://www.hessel.org/home-dev/.

    I’ve cleared history and caches on all browsers and emptied my varnish cache. I still see the hotspots pulsing in my safari, firefox and chrome browser.

    What did I miss?

    What are you using?

    Very

    March 6, 2017 at 1:30 am #756088
    Mike

    Hi,
    Chrome, & Edge. Chrome is the hardest to clean, I use a plugin called “Clear Cache” another way is to open a incognito window.

    wish I could help more :)
    Best regards,
    Mike

    March 6, 2017 at 1:45 am #756090
    ttomasini

    Mike,

    Sorry to be a pest —

    I just tried an incognito safari session, and went to another PC using Edge.

    I also used by iPhone.

    They all show the pulsing hotspots in hessel.org/home-dev

    Any idea what is going on?

    March 6, 2017 at 1:53 am #756092
    Mike

    Hi,
    Not really, try this online browser: https://www.browserling.com/browse/win/7/chrome/56/http%3A%2F%2Fwww.hessel.org%2Fhome-dev%2F

    Best regards,
    Mike

    March 6, 2017 at 2:02 am #756093
    ttomasini

    Sigh!!!!

    Thanks for all your time.

    March 6, 2017 at 8:46 am #756229
    Basilis

    Hey!

    No worries, happy we can help.
    Please remember to spend a moment and rate our theme at themeforest, it is really helpful for us.

    Thanks a lot for your understanding!

    Best regards,
    Basilis

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Make hotspot circle invisible’ is closed to new replies.