Forum Replies Created

Viewing 30 posts - 16,591 through 16,620 (of 35,061 total)
  • Author
    Posts
  • in reply to: Advice on accessibility for masonry grid images #1226232

    Hi,
    Thank you for the feedback, I have submitted a report to the dev team to review, but I’m glad to hear this will help for now.
    We will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

    in reply to: Accessibility – Skip Navigation #1226230

    Hi,
    Glad we were able to help, and a feature request has been submitted, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

    in reply to: Images non-clickable #1226228

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

    in reply to: Images non-clickable #1226211

    Hi,
    Thank you, I was able to login. For the last item I added this css to your Enfold Theme Options > General Styling > Quick CSS field

    #top.home #av-masonry-1-item-2081 {
    	pointer-events:none !important;
    }

    To change the links to the two items to their PDF links I wrote this function which I added to your functions.php:

    function custom_pdf_links(){
      ?>
      <script>
      (function($){
    $(window).load(function(){
      $( '#top.home #av-masonry-1' ).each(function() {
      $( this ).find( '#av-masonry-1-item-2538' ).attr('href', 'https://your-domain.org/wp-content/uploads/2019/07/NJB_21102011.pdf');
      $( this ).find( '#av-masonry-1-item-2529' ).attr('href', 'https://your-domain.org/wp-content/uploads/2019/07/AAU-Course-structure.pdf');
      });
      });
      })(jQuery);
      </script>
    <?php
    }
    add_action('wp_footer', 'custom_pdf_links');

    Please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Socket Menu Spacing #1226209

    Hi,
    Sorry for the late reply, and thanks for the link & screenshot. I find that the CONTACT menu item is inline with the other menu items when the screen is at least 359px wide, so when the screen is smaller, such as with a iPhone 5 or SE.
    So to correct we will use this css to set the socket width to 99% so there is enough room for the menu items.
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 359px) { 
    #socket > .container {
    	margin: 0 !important;
    	padding: 0 !important;
    	width: 99% !important;
        max-width: 99% !important;
    }
    }

    After applying the css, Please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Images non-clickable #1226205

    Hi,
    Sorry for the late reply, Thanks for the link to your site, on your blog page, linked below, I see the middle image is not clickable, which other entry should not be clickable?
    I tried the login you posted but it didn’t work and I received an WordFence “you have been blocked” error. That is ok, because I don’t need to login to write the solution for you, but if it helps I have included my IP address for you to whitelist.
    If it is easier for you to take a screenshot and draw which ones to make not clickable, you can add screenshots by uploading your images to a service such as https://savvyify.com/img/ and pasting the html code, or link given in your post or the Private Content area.

    Best regards,
    Mike

    Hey Kayzel,
    Sorry for the late reply and thanks for the link, for the donation package image please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (min-width: 768px){
    .responsive #top.page-id-95 #av_section_1 > .container,.responsive #top.page-id-95 #av_section_1 {
        max-width: 100% !important;
        padding: 0 !important;
    }
    .responsive #top.page-id-95 #av_section_1 {
        background-color: #EEEEEE !important;
    }
    }

    For your spacing between the donation options please try this css:

    @media only screen and (min-width: 767px) { 
    	form[id*=give-form] #give-donation-level-radio-list>li {
    		 padding: 0 0 20px 0 !important;
    	}
    }

    To change the color button of the donation plugin try this css:

    @media only screen and (min-width: 767px) { 
    	#give-purchase-button {
    		 background-color: #EBA138 !important;
             color: #fff !important;
    	}
    }

    Please note that in your code the button background color and the text color were the same orange so I made the text white so you can see it, but feel free to adjust to suit.

    Best regards,
    Mike

    in reply to: Accessibility – Skip Navigation #1226160

    Hi,
    Glad we could help, unless there is anything else we can help with on this issue, shall we close this then?

    Best regards,
    Mike

    in reply to: Advice on accessibility for masonry grid images #1226158

    Hi,
    Thank you, for the T & I pages I came up with this script to help you for now until the dev team can review this.
    Try adding this code to the end of your functions.php file in Appearance > Editor:

    function custom_script(){
      ?>
      <script>
    (function($){
      $(document).ready(function(){
    $( '.grid-sort-container .grid-entry' ).each(function() {
    $( this ).find( 'a.grid-image' ).removeAttr("title").insertBefore( $(this).find('article.inner-entry') );
    $( this ).find( 'article.inner-entry' ).insertAfter( $(this).find('span.image-overlay') );
    $( this ).find( 'h3.grid-entry-title.entry-title a' ).contents().unwrap();
    });
    });
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'custom_script');

    Best regards,
    Mike

    in reply to: Odd Menu Error After Update #1226143

    Hi,
    I’m not seeing the same error on your sites, as I recall this error was showing above the body of the page, is it showing in the backend? The above error was created by a plugin using the filter “display_post_states” incorrectly, have you tried disabling your plugins to identify the culprit?
    Since the above fix didn’t work for you, perhaps you are experiencing a different issue, we will need to investigate but since this is not your thread posting your login here will not be private and you will not see anything we write in the Private Content area.
    Please open a new thread with details about the error and an admin login.

    Best regards,
    Mike

    in reply to: image size proportions for the blog posts #1226140

    Hi,
    To create an image size try using this function instead in your functions.php

    add_image_size( 'small-square', 200, 200, true );
    add_filter( 'image_size_names_choose', 'my_custom_sizes' );
    function my_custom_sizes( $sizes ) {
        return array_merge( $sizes, array(
            'small-square' => __( 'Small Square' ),
        ) );
    }

    For this example it creates the size small_square, 200px square and cropped, and then adds it to your image choices, just adjust for your size(s) and then Regenerate your Thumbnails.
    2020-06-27_155329.png

    Best regards,
    Mike

    in reply to: Enfold Shop template #1226137

    Hi,
    Sorry for the late reply, and thanks for the login. I’m not sure why the thumbnails are all showing the same placeholder
    /wp-content/plugins/product-variation-swatches-for-woocommerce/admin/assets/images/placeholder.png
    but I don’t know the product variation swatches plugin very well, so perhaps there is another step needed to set it up. Try asking the plugin author what we might have missed when setting it up.

    Best regards,
    Mike

    in reply to: Advice on accessibility for masonry grid images #1226125

    Hi,
    Glad this helped, your site seems down or the login token has expired, please check.
    I think I will understand this issue better once I can check it.

    Best regards,
    Mike

    in reply to: Accessibility – Skip Navigation #1226110

    Hi,
    Sorry, I am talking about this anchor link you are adding, <a id="maincontent" name="maincontent" tabindex="-1"></a> I thought you were adding it with a script.
    So I tested this script that adds the skip link, the skip anchor link, and sets the focus after the click:

    function custom_skip_link_script(){
      ?>
      <script>
    (function ($) {
        $(document).ready(function () {
        	$( '<div><a href="#skip2content" class="jsf-button jsf-skip-link">Skip 2 main content</a></div>' ).insertBefore( '#top' );
            $('<a id="skip2content" name="maincontent" tabindex="-1"></a>').insertAfter( '.title_container' );
            $(".jsf-skip-link").click(function(){           
                $("#skip2content").focus(); 
            });
        });
    })(jQuery);
    </script>
      <?php
      }
      add_action('wp_footer', 'custom_skip_link_script');

    I changed the ID just so there would not be a clash, try removing your other scripts and test this one.
    With this, the next tab is going to the inline link in the content.

    Best regards,
    Mike

    in reply to: MFP: second close button / function #1226050

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

    in reply to: Accessibility – Skip Navigation #1226048

    Hi,
    Try placing your anchor after .title_container

    Best regards,
    Mike

    in reply to: Tab section content 100% height #1226046

    Hi,
    Thanks for the screenshot, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top.home .av-tab-section-tab-title-container {
    	left: 30% !important;
        bottom: 30px !important;
        position: fixed !important;
    }
    #top.home .avia-builder-el-103 {
    	bottom: 0 !important;
        position: fixed !important;
        left: 1% !important;
    }

    After applying the css, Please clear your browser cache and check.

    Best regards,
    Mike

    Hi,

    @peterolle

    The dev team set this up so the version number is changed in one place. I don’t think you can see our GitHub but I linked to it below. Here is the main thought behind it from the dev team:

    I dont think we should use an automated weekly schedule that might or might not break anything without us knowing. I think if we want to update to a more current version this should be done by first testing the version and then hardcoding the new version number into the theme. One thing that might be of use is to create a Constant or function in the file functions.php or functions-enfold.php or somewhere in the framework folder that allows us to update the version number in a single place across the site

    So the result is const API_VERSION in class-gmaps.php and a hardcoded version number.

    Best regards,
    Mike

    in reply to: Advice on accessibility for masonry grid images #1225807

    Hi,
    Thanks for the update, and I’m glad this helped some, and I will be submitting this to the dev team, but I need to sort out a couple of things.
    So on a new install, I tried to duplicate your masonry element, with portfolio items and using the settings you described.
    Please see the page in the Private Content area.
    So with no caption showing, to solve the empty link error I wrote this script to get the masonry item title attribute and add it as an aria-label attribute. This allows the link to be empty and removes the error.
    This script was added in a code block section on the page to test:

    <script>
    (function($){
      $(document).ready(function(){
      	imgTitle = $(this).attr("title");
    $( '.av-masonry' ).each(function() {
    $( this ).find( 'a.av-masonry-entry' ).attr("aria-label", imgTitle);
    });
    });
    })(jQuery);
    </script>

    So perhaps if the caption display setting is set to “Display neither” the aria-label could be added, or it could always be included.

    For the duplicate titles, this error is not exactly “duplicate titles” it was the “title” and the caption “text” were the same, so in the past post when I added “titles” to the images in the media library this made the two not match anymore so the error didn’t occur, but I notice with this script that this is also solved without adding media library titles.

    Thoughts?

    Best regards,
    Mike

    in reply to: Accessibility – Skip Navigation #1225488

    Hi,
    Please include an admin login so I can try to test somethings.
    So I assume you want this it work on each page, but will your pages have a title and breadcrumbs container like your example page?
    I ask because the title container is the first div inside of #main and the second div is typically #av_section_1 unless you manually change it, so using #av_section_1 should get you past the title and breadcrumbs container.
    I’m also thinking that we could add focus to your script like this: $("#main").focus(); or $("#main>div").focus(); or perhaps add a tabindex as you talked about earlier.

    Best regards,
    Mike

    in reply to: Anchor problems with menu highlight #1225471

    Hi,
    Thanks for the summary, I have asked for the rest of the team to take a look at this for ideas to solve, thanks for your patience.

    Best regards,
    Mike

    in reply to: using own icons in icon list #1225464

    Hi,
    For your font, this says ttf fonts do not usually work well in safari with a link to a workaround.
    For the icon list, it seems ok to me, please see the screenshot in the Private Content area, can you include a screenshot of what you are seeing?

    Best regards,
    Mike

    in reply to: Replace social menu with, add menu in header #1225207

    Hi,
    Sorry, I thought that adding the header widget area was causing the issue.
    So you were at the point that the two headers on the sites below matched until you updated the theme?
    I can see this css on your first site but not your second:

    #nav_menu-2 {
        position: absolute;
        right: 0px;
        margin-right: 50px;
        z-index: 100;
    }

    This moves your nav to the right, so perhaps this and other custom css is not activated in your second site, please check and if you do see this css then maybe you have an formating error like a missing bracket above this css.
    You can check your css for errors here, try testing all of your custom css to see if you have an error in the middle of your css.

    Best regards,
    Mike

    in reply to: Gravity form issue with Enfold Theme and Firefox #1225159

    Hi,
    Thanks for the link, I have tested your form on Firefox (v78.0b8 64-bit) on Windows 10, and I found no issues filling out the form or seeing the links after filling out the form. Please see the screenshot in Private Content area.
    What error are you seeing?

    Best regards,
    Mike

    in reply to: Accessibility – Skip Navigation #1225157

    Hi,
    Thanks for the links, on your page you are targeting #maincontent but this is an anchor before your main body, not a “DIV”. Try targeting #main instead.

    Best regards,
    Mike

    in reply to: Advice on accessibility for masonry grid images #1225152

    Hi,
    To hide the title from showing over the masonry image, the way you have it right now, try this css:

    .av-masonry-entry figcaption.av-inner-masonry-content.site-background {
    	display: none;
    }

    But please check the demo page I linked to above, the title doesn’t show over the masonry image and it doesn’t get the empty link error. I’m using the Wave Chrome extension, do you see the same?

    Your galleries overview page /impressions/ is using a portfolio grid element, so it a different element and issue, so lets work on one at a time.

    Best regards,
    Mike

    in reply to: image size proportions for the blog posts #1225144

    Hi,
    Sorry for the late reply, that should work, please try.

    Best regards,
    Mike

    in reply to: Anchor problems with menu highlight #1224881

    Hi,
    Strange, it’s not working for me either today, So for logged in users the menu links don’t flicker, but when logged out they do.
    I see your Comet Cache is set to not cache logged in users, so logged out users are seeing the cache, but we have cleared it many times, so is there anything else that is set to be different for logged out users? Perhaps a script or plugin?
    If it’s not the cache perhaps something else is causing this. Do you have a script or plugin that is watching for a “scroll” event?

    Best regards,
    Mike

    in reply to: Accessibility – Skip Navigation #1224869

    Hi,
    I assume that the solution above worked because we didn’t get any feedback. I tested this again and it seems to work fine.
    Please link to your page so we can see what you have so far.

    Best regards,
    Mike

Viewing 30 posts - 16,591 through 16,620 (of 35,061 total)