Forum Replies Created

Viewing 30 posts - 14,971 through 15,000 (of 35,289 total)
  • Author
    Posts
  • in reply to: Temporarily deactivate a content element #1306565

    Hi,
    Wish we were more help in this case but if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    in reply to: change Masonry title from h3 to #1306564

    Hi,
    Thank you for the feedback and the link to your site, I see that you are getting this error in your console: Uncaught ReferenceError: jQuery is not defined I believe this points to you having the Load jQuery in your footer setting enabled in your theme settings, so the script runs before the jQuery library is loaded.
    To correct this you could disable the setting so the JQuery library is loaded in the head, but I assume you would prefer to not allow this so try this script instead, it will try to wait until after the DOM is loaded before running the script:

    
    <script>
    window.addEventListener('DOMContentLoaded', function() {
    (function($) {
      $(document).ready(function(){
        function replaceElementTag(targetSelector, newTagString) {
          $(targetSelector).each(function(){
            var newElem = $(newTagString, {html: $(this).html()});
            $.each(this.attributes, function() {
              newElem.attr(this.name, this.value);
            });
            $(this).replaceWith(newElem);
          });
        }
        replaceElementTag('h3.av-masonry-entry-title', '<h2></h2>');
      });
    }(jQuery)); 
     });
    </script>
    

    Best regards,
    Mike

    in reply to: Social icons in mobile menu won't work with same code #1306561

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    in reply to: Replace Logo Image with Inline SVG Code #1306538

    Hi,
    I believe that if the SVG files were truly supported by WordPress then there would be no need to modify the $logo in Functions.php, I will submit this to the rest of the team to see if they have any suggestions.

    Best regards,
    Mike

    in reply to: Moving Burger Menu to far right on Mobile only #1306535

    Hi,
    Try adding and (orientation: portrait) & and (orientation: landscape) to your media queries, this will allow you to set different values depending on the orientation, for example:

    @media only screen and (max-width: 767px) and (orientation: landscape) {
    	rule {
    		something: here;
    	}
    }
    @media only screen and (max-width: 767px) and (orientation: portrait) {
    	rule {
    		something: here;
    	}
    }

    Best regards,
    Mike

    in reply to: Lightbox Modal Window.not showing #1306534

    Hey Rob,
    Thank you for your patience and for the link to your site, I see your product image is missing the class lightbox-added it is hard to tell what the issue is without logging in, but please check that the Enfold Theme Options > Performance > Load jQuery in your footer is not activated.
    Otherwise please include admin login in the Private Content area so we can be of more assistance.

    Best regards,
    Mike

    in reply to: Margin for header menu list items without wraping #1306531

    Hey fabian_stricker,
    Thank you for your patience and for the link to your site, in order to use a margin with a percentage for the main menu li, you will need to also increase the .main_menu & .av-main-nav-wrap containers like this:
    (*desktop example)

    #avia-menu li {
    	margin : 0 2.5%;
    }
    .main_menu {
        width: 80%;	
    }
    .av-main-nav-wrap {
    	width: 95%;
    }

    the problem with this approach is the wider the containers are the more margin is added because of the percentage.
    I recommend simply using a fixed px or em width instead like this:

    #avia-menu li {
    	margin : 0 18px;
    }
    #avia-menu li {
    	margin : 0 .9em;
    }

    this will increase the parent .main_menu & .av-main-nav-wrap containers to fit.

    Best regards,
    Mike

    in reply to: Hide sections of the top bar #1306530

    Hey farzanahmed,
    Thank you for your patience and the link to your site, but as I examine it looks like you have already found the solution.
    Was there anything further you wanted help with this?

    Best regards,
    Mike

    in reply to: Import Theme Settings File Error #1306529

    Hi,
    Thank you for your patience and the login, you are getting this server error:
    /admin-ajax.php 500 (Internal Server Error)
    this means that your server is having an error, please check your server error log to determine the cause, if you are unsure how to do this try asking your webhost to assist.

    Best regards,
    Mike

    in reply to: Temporarily deactivate a content element #1306526

    Hey oliverhutz,
    Thank you for your patience, unfortunately not, you will need to actually remove it.

    Best regards,
    Mike

    in reply to: change Masonry title from h3 to #1306525

    Hey laptophobo,
    Thank you for your patience and explaining the situation, it sounds like you may need to change the tags differently on different pages based on the page structure, so there would not be one setting that would work for you across your whole site, I would recommend adding the script to a code block on each page that you will use it on, and changing the tag to suit for that page.

    <script>
    (function($) {
      $(document).ready(function(){
        function replaceElementTag(targetSelector, newTagString) {
          $(targetSelector).each(function(){
            var newElem = $(newTagString, {html: $(this).html()});
            $.each(this.attributes, function() {
              newElem.attr(this.name, this.value);
            });
            $(this).replaceWith(newElem);
          });
        }
        replaceElementTag('h3.av-masonry-entry-title', '<h2></h2>');
      });
    }(jQuery)); 
    </script>

    Please note that the script is wrapped with <script> tags, this is so it will work in a code block element.
    Please give this a try and if you have any issues getting it to work please link to the page so we can see.

    Best regards,
    Mike

    in reply to: Social icons in mobile menu won't work with same code #1306524

    Hey Harold,
    Thank you for your patience, and for the link to your site, the reason the script is not working is because the social icons are not in the main menu as expected, they are in the topbar, so to correct please remove your other scripts and use this instead:

    function savvy_custom_mod_social(){
    ?>
    <script>
    (function($){
          var int = '';
          function a() {
              var isMobile	 = $('.av-burger-menu-main').css('display'),
                  htmlString   = $('#header_meta .social_bookmarks').find('li a'),
                  mobileMenu   = $('.av-burger-overlay'),
                  socialString = [];
      
                  if(isMobile == 'none') return;
                  if($('.burger-social').length) clearInterval(int);
      
                  htmlString.each(function() {
                      var socialClass	= $(this).parent('li').attr('class'),
                              socialItems = $(this).wrap('<li class="'+ socialClass + ' av-active-burger-items burger-social"></div>').parent().unwrap();
                      socialString.push(socialItems);
                  });
      
                  $(socialString).each(function() {
                      $(this).appendTo('#av-burger-menu-ul');
                  });
          }
      
          $('#header').on('mousedown', '.av-main-nav-wrap', function() {
              int = setInterval(function() {
                  a();
              }, 500);
          });
      
      })(jQuery);
      </script>
    <?php
    }
    add_action('wp_footer', 'savvy_custom_mod_social');

    Best regards,
    Mike

    Hey ctadlock,
    Thank you for your patience, and the link to your site but I’m having trouble understanding your issue, so far I understand that it is that some sub-items in the sub-menu on mobile are not clickable. When I check the Tag items in the sub-menu all seem to be clickable, so on desktop it is like this on hover:
    2021-06-19_002.jpg
    On mobile after opening the menu and clicking Tag all of the sub-items are clickable:
    2021-06-19_003.jpg
    I do note that your sub-items have arrows making them look like there are further sub-items, but there are not. Perhaps this is what you ment?

    Best regards,
    Mike

    Hey DIAZTORTILLAS,
    Thank you for your patience, and for the screenshots, do you mean that the font is supposed to be in italics, or is in italics in error?
    From your Custom Font Manager screenshot it looks like the original zip file also has a Macosx directory which is adding the fonts twice, please delete both of these, then extract the zip on your desktop and remove the unneeded directories and files, then zip again and upload.
    I recommend trying to upload the one font you plan on using the most as a test, for example, Forza-Black, then put that in a zip file by itself Forza-Black.zip, and upload and test.
    Typically the regular & italics are in the same ttf file for normal use, but you would have to use a font viewer to check.
    You would not be using a function in this case.

    Best regards,
    Mike

    in reply to: Replace Logo Image with Inline SVG Code #1306515

    Hey JoeSurf,
    Thank you for your patience, unfortunately, at this time this is not possible as WordPress doesn’t support SVG files natively. Once WordPress supports SVG it should be as simple as uploading the file.

    Best regards,
    Mike

    Hey kwlodar,
    Thank you for your patience, when you say:

    change the site where it linking to

    do you mean redirect to a different domain, or do you mean change the page on the same site?
    To change the page on the same site please adjust the Theme Options:
    Enfold_Theme_Options--And_where_do_you_want_to_display_the_Blog.jpg
    If you want to change the url of the link only for the title, perhaps to a different domain, then try adding this code to the end of your functions.php file in Appearance > Editor:

    function custom_script() { ?>
        <script>
    (function($){
    $(".main-title > a[href^='https://kriesi.at/themes/enfold/blog/']").prop("href", "https://google.com")
    })(jQuery);
    </script>
        <?php
    }
    add_action('wp_footer', 'custom_script');

    In the above code you will note the class .main-title, this is added so any menu links to the page will not be changed, then the next part of the code is the title link you want to change, then the last part is the link you want it to be.
    If you have any problems getting this to work then please link to the page and let us know where you want the link to point to.

    Best regards,
    Mike

    in reply to: Quick CSS to Disable Animation on Icon Grid Element? #1306510

    Hi,
    Thank you for your patience and the link to your page, so for just this one page please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top.page-id-7186 .avia-icongrid-flipbox li:hover .avia-icongrid-front {
    -webkit-transform: rotateY(0deg) !important;
    transform: rotateY(0deg) !important;
    }

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

    Best regards,
    Mike

    in reply to: Iframe warning on home page (no iframes on page) #1306328

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    in reply to: link hover color not working #1306327

    Hi,
    Glad to hear this helped, as for the text block under “Page Overview” I see these links are H5 and for hover I see a slight conflict which I believe is due to the Advanced Styling for the H5 element which defines a new font size and the color is blank, which tells the theme to use the inherit color, which should also be fine, but the element doesn’t have the option to define a hover color so inherit is used which is the problem.
    So we will need to add a css rule either for the font size or for the color, I recommend leaving the Advanced Styling setting as is and adding this css to your Quick CSS:

    #top #wrap_all .avia_textblock  > h5 > a:hover {
    	color: #fb6971;
    }

    After applying the css, please clear your browser cache and check.
    Please let us know if you find any other oddities.

    Best regards,
    Mike

    Hi,
    Thank you for the feedback and the link to your page, in this situation the page is using the boxed layout so the page is contained at the body div so the element can not brake out of this, you will need to change to the full-width layout and then contain the elements you wish to 1310px, such as the footer & header.
    As for the box shadow, please add a custom class the to the 1/3 columns and change the css to reflect:

    .custom-class {
    box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 30%);
    }

    Best regards,
    Mike

    Hi,
    Sure, but perhaps you could explain further what you mean, because the column widths are controlled by the column elements that you use ie; 1/3, 1/4, 1/2, etc and the width of the page container, so using the best suited column is better than forcing a 1/4 column to 33% width, and sometimes it would be better to change the padding of the page so the elements have more room, and other times adding or removing the padding or margin between the columns would be a solution. So it really kind of matters what you are trying to achieve.
    But if you really want to just modify the column widths you can find them in /wp-content/themes/enfold/css/grid.css
    These are the defaults

    div .av_one_fifth {
      margin-left: 6%;
      width: 15.2%;
    }
    div .av_one_fourth {
      margin-left: 6%;
      width: 20.5%;
    }
    div .av_one_third {
      margin-left: 6%;
      width: 29.333333333333332%;
    }
    div .av_two_fifth {
      margin-left: 6%;
      width: 36.4%;
    }
    div .av_one_half {
      margin-left: 6%;
      width: 47%;
    }
    div .av_three_fifth {
      margin-left: 6%;
      width: 57.599999999999994%;
    }
    div .av_two_third {
      margin-left: 6%;
      width: 64.66666666666666%;
    }
    div .av_three_fourth {
      margin-left: 6%;
      width: 73.5%;
    }
    div .av_four_fifth {
      margin-left: 6%;
      width: 78.8%;
    }
    div .av_one_sixth {
      margin-left: 6%;
      width: 11.666666666666666%;
    }
    div .av_one_seventh {
      margin-left: 6%;
      width: 9.142857142857142%;
    }
    div .av_one_eighth {
      margin-left: 6%;
      width: 7.25%;
    }
    div .av_one_nineth {
      margin-left: 6%;
      width: 5.777777777777778%;
    }
    div .av_one_tenth {
      margin-left: 6%;
      width: 4.6%;
    }

    Best regards,
    Mike

    in reply to: post slider element #1306166

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    in reply to: Iframe Fullwidth? #1306160

    Hi,
    Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    Hi,
    I see that you have this custom css in your /wp-content/uploads/so-css/so-css-enfold.css

    div .flex_column {
      display: flex;
    }

    removing it will correct the layout
    2021-06-16_070608.jpg

    Best regards,
    Mike

    in reply to: Overlap to full-width sliders? #1305979

    Hi,
    Thank you for the feedback, I believe that there was something else affecting this but I didn’t find what it was, nonetheless glad that you were able to find a solution. Thanks for using Enfold.

    Best regards,
    Mike

    in reply to: Iframe Fullwidth? #1305977

    Hi,
    Thank you for the feedback, in your latest test/screenshot I see that you didn’t add the custom class to the color section so the css solution I posted would work, such as the working example I linked to for the screenshot above.
    2021-06-16_055214.jpg
    In order to make the iframe full-width, the parent container needs to be adjusted, so your first option is to place it in a full-width element such as a color section and then set it’s container width to 100% and remove any padding & margin overriding the theme Layout & Dimensions
    2021-06-16_060633.jpg
    Please note that this has nothing to do with the width of the iframe, I’m talking about the container inside the color section.
    If you are not going to use a full-width element such as a color section, and the iframe is going to be in a code block (preferably), then add this custom class to the code block element code-block-for-iframe and use this css:

    .code-block-for-iframe {
    	width: 100vw !important; 
            position: relative !important; 
            left: calc(-50vw + 50%) !important;
    }

    2021-06-16_062650.jpg
    Please see the link to the working example below.

    Best regards,
    Mike

    in reply to: Overlap to full-width sliders? #1305819

    Hi,
    I tried working on this but was stuck, so I’m still trying to figure this out 🙂
    Please reply back so it shows on my to-do list again, thank you for your patience.

    Best regards,
    Mike

    Hi,
    Sure, I just had based this off of the thread you linked to.

    Best regards,
    Mike

    in reply to: pagination page url problem in 4.8.3 #1305816

    Hi,
    ?avia-element-paging=3 works as a direct static link, the pagination links were changed like this to correct many issues including popular SEO requests, these were modified in many elements in the theme and would be no easy task to change them back. I believe this change began back in v4.8.0 in some of the elements, so I guess you could roll back to that version, but I would see no reason to since they work correctly and as intended.

    Best regards,
    Mike

    in reply to: tab section heading alignment #1305814

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 30 posts - 14,971 through 15,000 (of 35,289 total)