Forum Replies Created

Viewing 30 posts - 1 through 30 (of 253 total)
  • Author
    Posts
  • in reply to: change colour of masonry gallery title #1023068

    this code worked wonderful for me on Desktop however on mobile the hover title and background color was turned on by default without hovering or clicking.

    Here is my CSS

    #top .av-caption-style-overlay a. (Purchase code hidden if logged out)  .av-inner-masonry-content 
    {
        background: rgba(247, 148, 34, 0.8) !important;
    }
    #top .av-caption-style-overlay a. (Purchase code hidden if logged out)  .av-inner-masonry-content * 
    {
       font-size: 40px !important;
    }
    in reply to: Transparent header mobile devices. New Thread! #1015942

    nope, am already using this extra code to make the header transparent after the scroll on mobile

    @media only screen and (max-width: 990px) { 
    #top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle {
      background: transparent!important;
      position: absolute!important;
    }}

    What I want to do is the make the header transparent on mobile before you scroll just like it is on desktop
    private info has a link to the site on another platform where it is transparent and over the content before scroll on both Desktop and Mobile

    in reply to: Transparent header mobile devices. New Thread! #1015767

    I think her question was more that she has a Transparent header on a desktop before you scroll and wanted to have the same effect on Mobile right?
    By Default the header is a solid color above the content on mobile.
    I would like like to be able to do this but haven’t been able to figure it out, the solution linked to only applies to after you scroll and not before.

    Jon

    in reply to: How to Bold Special header #1012950

    here you go, i have tried a bunch of stuff so hopefully you can figure out the issue

    in reply to: How to Bold Special header #1012943

    I haven’t been able to get this code to work, it seems that with one of the latest updates to Enfold Special Headings are bold by default but on mobile they lose their bold attribute. I have tried the following code but it just isn’t working.

    @media only screen and (max-width: 990px) { 
    #top .av-special-heading-tag strong {
      font-weight: 700;
    }}
    in reply to: functions.php Error on all my sites using Enfold #1001510

    Things to note for others with this issue:
    1. Use a child theme as it makes updating easier without overriding any customs changes you make to functions.php in the child theme if you have to reinstall the theme

    2. Do occasional local website backups onto your harddrive. You should also keep recent versions of your plugins and themes in your project folder on your computer for your site in case you need easy access and save a notepad file of your purchase liscenses/keys.

    3. If you get errors like this after a update and can’t access the site or dashboard you may need to delete and reinstall the plugins or themes your were updating via ftp. Luckily with Enfold your theme settings save to the database and you can delete the theme and reinstall without normally losing any content or settings.

    4. Because of this it is good to keep the generic 2017 WordPress theme as an install backup in case you have to temporarily disable or delete enfold from a hosting or update error.

    Jon

    in reply to: functions.php Error on all my sites using Enfold #1001095

    ayshehab,

    you can also get some problem on GoDaddy while updating general themes and compatible plugins as GoDaddy often times out mid-update and it creates errors in your Functions.php like you originally mentioned. Solutions are to deactivate all plugins to see if it fixes it, but sometimes you can’t even get into the dashboard and need to remove plugins/themes via FTP.

    You may want to add the All In One WP Migration plugin tool to make zip backups local off all 30 of your sites from time to time as their backup/restore function also isn’t reliable.

    Jon

    in reply to: Change color of Mailchimp Submit button #1000580

    Victoria,

    I missed there is a message or solution in your post, was there supposed to be a screenshot?

    in reply to: Change color of Mailchimp Submit button #999218

    Yep that is what I changed it to with CSS, but as you can see the text “subscribe” isn’t showing up on the button. Without the CSS it uses the colors from the General Styling > Footer but it again doesnt show the text on the button.

    in reply to: Change color of Mailchimp Submit button #999193

    Rikard,

    Thank you, I have disabled the Caching from WP Rocket and still have the same issue.
    For whatever reason, the Subscribe Button font is still staying the same color of the button background regardless of what I change it to.

    Thank you,
    Jon

    in reply to: Change color of Mailchimp Submit button #999099

    I have not been able to get this solution or the other one I found in the forum to work

    #top .avia-mailchimp-form .button {
        background: red;
        color: white;
    }
    
    #top .avia-mailchimp-form .button:hover {
        background: blue;
        color: yellow;
    }

    Have the Newsletter Widget in the Footer and no changes to the General Styling of CSS seem to be working.
    Regardless on what I do the “Submit” text is always the same color as the button background so you can’t see it.

    in reply to: Will Enfold be Gutenberg compatible? #995623

    Rikard,

    So to make sure it is clear to people, at least for the beginning Enfold will continue to bypass the default WordPress editor to use its own AVIA editor meaning Gutenberg really won’t matter at first. But then after it launches you guys will look at incorporating it?

    Jon

    in reply to: Google reCAPTCHA and Enfold Contact Form #973226

    Ismael,

    Will try your solution with the Secret Key validator, thanks for sharing.
    I also agree with the spam concerns of others as the clients I have with Enfold do get a substantial amount more spam per 1000 visitors than with other forms. Not sure if that is a random thing or a lack of spam filtering/prevention.

    Thanks again for all your work,
    Jon

    in reply to: Getting Disqus Comments to work on static pages #937358

    Ismael and team,
    In an effort to make this thread on Disqus even better I was wondering if you can help with On-Demand Loading.
    Want to do this because Disqus sends 150-180 requests every time it is loaded on a page and really lags the full page render.
    Even tried adding Disqus files to the PreLoad inside WP Engine but it still sends a million requests.

    I have seen a number of sites using Disqus that have a “Load Comments” button at the bottom and it does call Disqus until it is clicked.
    One solution is on GitHub but I can’t seem to get it to work
    https://gist.github.com/nternetinspired/7482445

    Currently, as mentioned above, I have this as my comments.php with my Disqus handle/shortname replacing EXAMPLE for the src

    <?php if (comments_open()) : ?>
    <div id="disqus_thread"></div>
    <script>
        /**
         *  RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
         *  LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables
         */
        /*
        var disqus_config = function () {
            this.page.url = PAGE_URL;  // Replace PAGE_URL with your page's canonical URL variable
            this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
        };
        */
        (function() {  // DON'T EDIT BELOW THIS LINE
            var d = document, s = d.createElement('script');
            
            s.src = '//EXAMPLE.disqus.com/embed.js';
            
            s.setAttribute('data-timestamp', +new Date());
            (d.head || d.body).appendChild(s);
        })();
    </script>
    <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
    <?php endif; // comments_open ?>

    With that code, this is my call for placement
    comments_template( '/includes/comments.php');

    GitHub recommends this instead

    $(document).ready(function() {
        $('.show-comments').on('click', function(){
              var disqus_shortname = 'YOUR-DISQUS-USERNAME'; // Replace this value with *your* username.
    
              // ajax request to load the disqus javascript
              $.ajax({
                      type: "GET",
                      url: "http://" + disqus_shortname + ".disqus.com/embed.js",
                      dataType: "script",
                      cache: true
              });
              // hide the button once comments load
              $(this).fadeOut();
        });
    });

    It then mentions to use this but the button never opens

    <!-- An element a visitor can click if they <3 comments! -->
    <button class="show-comments">Load Disqus comments</button>
    
    <!-- The empty element required for Disqus to loads comments into -->  
    <div id="disqus_thread"></div>
    in reply to: Disqus comments not showing #937353

    @dolandr did you follow the steps I posted in this thread?
    https://kriesi.at/support/topic/ (Purchase code hidden if logged out) -on-static-pages/
    You have to create a new Comments.php in your child theme after activating the Disqus plugin.
    Then for “Posts” you have to add the call to the Includes>Loop-page.php on the parent theme (yes each time you update)
    And for “Pages” you have to add the same call inside Template Builder

    It is working great for me on a site with 800,000 monthly visitors with no problems on Enfold

    in reply to: Google reCAPTCHA and Enfold Contact Form #930793

    what do you mean useless for preventing spam?
    You may want to check out the info on the service from Google. It has worked to reduce spam on the sites I’m using it on.
    https://developers.google.com/recaptcha/

    That being said, it would be way better if it could be directly built into Enfold as this solution has not been seamless.
    You can be totally blocked from submitting using the method above even when you are able to pass through Google’s own tester
    https://www.google.com/recaptcha/api2/demo

    Jon

    in reply to: How to remove search icon from header #930078

    Just an update, but this option is now under Theme Options > Main Menu > General

    in reply to: Enfold Showcase #925737

    @studio13SprayTan, that looks awesome! You just gave us a lot of ideas!
    One thing is you may want to set IMMACULATE AESTHETICS block to hide on mobile and create an alternative for mobile only so the scroll effect isn’t half cut off. Interested in how you did your mouseover actions.

    in reply to: Issue with Logo Left Menu Below (Sticky & Alignment) #923635

    That is great news, thank you.
    The minify/combine options also cover my 3rd party plugins so I will still have to use it some.
    Just updated to Enfold version 4.2.6 from 4.2.5 so I will troubleshoot and let you know if fixed the issue or have more questions.

    in reply to: Issue with Logo Left Menu Below (Sticky & Alignment) #923307

    WOW! thank you for the link to the new Enfold documentation on Graphitivity, great resource.
    I’m excited to dig through it and am sure it will give me new ideas.

    The float right code kind of works but created a weird stack as the screen gets smaller.
    Will look into the Enfold documentation on Graphitivity to see if I can figure it out and will let you know if I found something or if I have more questions.

    I’m still stuck on Issue #2 from my original post
    I have the header set to Logo Above-Menu Below, the behavior set to Shrinking Header, and Sticky Header turned on.
    Then the following code to make the Logo Above area hide on scroll so only the menu is sticky.

    .header-scrolled #header_main .av-logo-container {
        display: none !important;
    }

    It works okay until I enable “Combine JS Files” in WP Engine the Shrinking Header function stops working in both the Firefox and Edge browsers.
    Is there a file I should be adding into the exclusion for “Combine JS Files”? Or is there a different way to accomplish this?

    Combining the sites JS Files is pretty important to reduce the number of requests and I’ve only had conflicts with Enfold’s Shrinking Header as well as the mobile toggle for Noo Menu submenus but was able to exclude /wp-content/plugins/noo-menu/(.*).js to fix that one.
    Shrinking Headers looks to be the only function or element in Enfold that has an issue after “Combine JS Files”

    Thanks again,
    Jon

    in reply to: Enfold Showcase #922790

    @flysocial nice work David!
    what did you use to add FB Messenager for chat?

    only thing I see is that you can get rid of the Facebook Conversion Pixel Plugin. It’s better if you use Google Tag Manager. You put your short tag code under Google Services in Enfold then inside the Google Tag Manager add in your Analytics UA, Google Remarketing, Outbound Link Tracking, and a html tracker where you paste your Facebook Pixel. Those are the 4 I do anyway but you can do way more and can even add multiple Facebook Pixels to one Google Tag.

    this way each time the site loads only the Google Tag is triggered and away from your site Google handles everything else. It’s way lighter, spammers can’t scan to see if you have Pixel running on your website, and you can ditch the extra plugin.

    in reply to: Issue with Logo Left Menu Below (Sticky & Alignment) #922521

    Victoria,

    I just disabled Minify for CSS and JS as well as disabled Combine Files for CSS and JS

    Issue #2 Update
    Did notice that when I disabled Combine Files for JS that the logo area of the header did start to disappear on scroll with the menu sticking on both Edge and Firefox finally. Since my display none code was in the Enfold Dynamic CSS I assume maybe that the Shrinking Header is a JS function? I do have the ability to exclude JS files if needed. Am hoping there is a way to get this to work while also keeping the import Minifiy and Combine options enabled.
    Looks like the AVIA Animated Numbers are affected in the same way as they stay stuck at zero (I’m not using them but did test).

    Added you as an admin to the staging site, see private info

    Thanks again,
    Jon

    in reply to: Enfold Showcase #920533

    Mircosoft Explorer is no longer a supported Browser, Edge replaced it a long time ago now.
    You have to contact your hosting provider or issuer of the SSL for the problem you are having as it is not related to the Enfold theme.

    Either way, your question isn’t related to the Enfold Showcase thread and your examples don’t all look they are all using this theme

    in reply to: Animated Numbers Not Working #919778

    I’m having the same issue of al 0’s on my site using WP Rocket Caching.
    When faced with the choice between Optimize/Minify JavaScript or having the animated numbers work I’ll choose to Optimize every time, so I can’t really use this feature.

    Any update on how the Animated Numbers are going to be handled in future versions of Enfold?
    Or a fallback where if it is Optimized the raw number will still show up even if the animation is blocked?

    Thanks
    Jon

    in reply to: Problem uploading Demos #918754

    I don’t have any demos in my site and am also seeing a large number of error logs the past few days since updating with his message

    “/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/numbers/numbers.js): failed to open stream: No such file or directory in /nas/content/live/bigboytravel/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 238, referer: http://www.bigboytravel.com/

    am also seeing errors for the same line with
    /avia-shortcodes/portfolio/portfolio.js & css
    /table.css & js
    /numbers.js & css
    /icon.css & js
    /buttons.css & js
    /portfolio.js & css
    /hr.js & css
    /config-templatebuilder/avia-template-builder/php/asset-manager.class.php

    Jon

    in reply to: Getting Disqus Comments to work on static pages #918737

    Update:
    With the Newest theme update

    // Disqus
    comments_template( '/wp-content/themes/enfold-child/comments.php');

    Must now go right above this inside template-builder.php (roughly line 102)
    //only close divs if the user didnt add fullwidth slider elements at the end. also skip sidebar if the last element is a slider

    to make Disqus show up on static Pages when using the Enfold AVIA Editor.

    If you are using Visual Composer instead of AVIA then you will follow the placement listed above inside of loop-page.php
    loop-page.php can be found under the “includes” toggle while Template-builder.php is one of the main ones in the editor

    If you have a mixture of pages with both editors for some reason you will have to do both methods

    Jon

    in reply to: Didn't know Visual Composer is not compatible with Enfold #917021

    visual composer works great on Enfold.
    I use the two together on my blog which has 800,000 hits a month with no issues. that being said I have been migrating my content page by page to the editor built into Enfold instead and when I’m done will be removing VC.
    Since Enfold’ s editor has caught up functionality wise as of last year, there is no need to add VC unless you are moving a large site that already has it.
    Jon

    in reply to: Add top padding to Special Heading #913414

    Mike,

    Yep the code works great and can be closed

    in reply to: Add top padding to Special Heading #913020

    huge help, thanks Yigit.
    It is simple code but I missing a small piece.

    Am now using your Special Heading padding CSS along with another bit to make my images 100% width on mobile while also adding some padding next to the Specials Headers on mobile since they are not wrapped in a text element. It looks really slick

    @media screen and (max-width: 767px) .av-special-heading h5 .av-special-heading h4 { padding-left: 15px!important; }
    
    @media screen and (max-width: 767px) {
    .responsive #top #wrap_all .container { width: 100% !important; max-width: 100% !important; }
    }
    in reply to: Google Maps API Key Not Working #903942

    Has this been resolved?
    I am having the same problem on my website and have disabled all plugins and updated the theme but it is showing the same error.
    Was on 4.1 when I noticed it today and updated to 4.2 but no luck.
    Looks like a couple dozen other people have asked questions like this in the support forum but there hasn’t been a real fix that I found.

    Jon

Viewing 30 posts - 1 through 30 (of 253 total)