Forum Replies Created

Viewing 30 posts - 15,271 through 15,300 (of 34,221 total)
  • Author
    Posts
  • Hey Morticka,
    Sorry for the late reply and thanks for the login and video. For your pricing table I added a custom ID get_height_from_first_column so the following script would not affect other possible pricing tables on your site.
    The logic of the script gets the height of each cell from the first column and applies it to the other cell in the same row, regaining with the fourth row. Please ensure that the first column has the largest cells.
    This is the script I added to your child theme functions.php

    function pricing_table_get_height_from_first_column(){
      ?>
      <script>
    (function($){
      $(window).load(function(){
      	var $this = $('#get_height_from_first_column .pricing-table-wrap:first-child');
      	var $that = $('#get_height_from_first_column .pricing-table-wrap:nth-child(n+2)');
        var t4 = $this.find('li:nth-child(4)').outerHeight();
        var t5 = $this.find('li:nth-child(5)').outerHeight();
        var t6 = $this.find('li:nth-child(6)').outerHeight();
        var t7 = $this.find('li:nth-child(7)').outerHeight();
        var t8 = $this.find('li:nth-child(8)').outerHeight();
        var t9 = $this.find('li:nth-child(9)').outerHeight();
        var t10 = $this.find('li:nth-child(10)').outerHeight();
        var t11 = $this.find('li:nth-child(11)').css('height', '86px').outerHeight();
        var t12 = $this.find('li:nth-child(12)').outerHeight();
        var t13 = $this.find('li:nth-child(13)').outerHeight();
        var t14 = $this.find('li:nth-child(14)').outerHeight();
        var t15 = $this.find('li:nth-child(15)').outerHeight();
        $that.find('li:nth-child(4)').css('height', t4 + "px");
        $that.find('li:nth-child(5)').css('height', t5 + "px");
        $that.find('li:nth-child(6)').css('height', t6 + "px");
        $that.find('li:nth-child(7)').css('height', t7 + "px");
        $that.find('li:nth-child(8)').css('height', t8 + "px");
        $that.find('li:nth-child(9)').css('height', t9 + "px");
        $that.find('li:nth-child(10)').css('height', t10 + "px");
        $that.find('li:nth-child(11)').css('height', t11 + "px");
        $that.find('li:nth-child(12)').css('height', t12 + "px");
        $that.find('li:nth-child(13)').css('height', t13 + "px");
        $that.find('li:nth-child(14)').css('height', t14 + "px");
        $that.find('li:nth-child(15)').css('height', t15 + "px");
      });
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'pricing_table_get_height_from_first_column');

    So this seems to be working except the row Content & Huisstijl in which the first column was smaller than the others so I adjusted the cell with this line:
    var t11 = $this.find('li:nth-child(11)').css('height', '86px').outerHeight();
    Please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Mysql change not showing #1245431

    Hey Eve,
    Sorry for the late reply, to search and replace a text link that is inside a Advanced Layout Builder page as a command, please try this:
    UPDATE wp_postmeta SET meta_value = replace(meta_value,'https://your-link.com','http://your-new-link.com');
    please ensure your database prefix is “wp_”, it may be different.
    But I would not recommend making the changes like this because the database is serialized, I would recommend using the plugin Better Search Replace

    Best regards,
    Mike

    in reply to: Change child theme name on admin menu #1245426

    Hey Kevin,
    Sorry for the late reply, it looks like they both share the same function. I did find a function that will remove the admin sidebar options link but leave the top bar options link, try adding this code to the end of your child theme functions.php file in Appearance > Editor:

    add_action( 'admin_init', 'remove_enfold_menu_option' );
    
    function remove_enfold_menu_option() {
    
        remove_menu_page( 'avia' );
    }

    Another option to rename the menu item is to try this script in your child theme functions.php

    function rename_enfold_menu_option(){
    	?>
    	<script>
    	jQuery(window).load(function(){   
    	jQuery("#toplevel_page_avia .wp-menu-name").text("Theme Options");
    	});
    	</script>
    	<?php
    	}
    add_action('admin_head', 'rename_enfold_menu_option');

    Best regards,
    Mike

    in reply to: Reorder Product Tabs #1245343

    Hi,
    Thanks for the login, I found this support thread for the plugin which states:

    Shortcode for reviews is used for the premium version only.

    So it seems you will need to buy the premium version, or use a different plugin.

    Best regards,
    Mike

    in reply to: "Load More" does not work properly #1245341

    Hi,
    Sorry for the late reply, and thanks for the link to your site. I tested your gallery load more button, but the only time it didn’t work for me was when I forgot to disable my adblocker, do you have an adblocker installed?
    I tested on:
    Firefox: 81.0b8 (64-bit) – Windows
    Chrome: 85.0.4183.102 (64-bit) – Windows & Mac
    Safari: 13.1.1 (15609.2.9.1.2) – Mac
    Edge: Version 85.0.564.51 (64-bit) – Windows
    I also tested this shortcode on my localhost and it also worked. I used your shortcode above and changed the IDs for my install and changed the number of items shown to 4, because I only had 8 IDs

    [av_masonry_gallery ids='2250,2249,2248,2247,2246,2245,2244,2211' caption_elements='none' caption_styling='' caption_display='always' size='flex' orientation='' gap='large' columns='flexible' av-medium-columns='' av-small-columns='' av-mini-columns='' items='4' paginate='load_more' color='' custom_bg='' overlay_fx='active' animation='active' lazy_loading='disabled' container_links='active' link_dest='' id='' custom_class='' av_uid='av-33iidv']

    Best regards,
    Mike

    in reply to: Reorder Product Tabs #1245337

    Hi,
    Please include an admin login in the Private Content area so we can investigate.

    Best regards,
    Mike

    in reply to: Reorder Product Tabs #1245335

    Hi,
    I researched the plugin and it says that it has a shortcode to display the reviews anywhere.
    So on the page that you linked to, try adding a code block element with the shortcode.

    Best regards,
    Mike

    Hi,
    Sorry for the very late reply, I don’t have an iPad so I tested on the live.browserstack.com site, which claims the tests are on actual devices. I did see the error and believe that current visibility settings would not achieve your desired results, so I disabled them and added this css to your WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 767px) { 
    	#top.home #av_section_1 {
    		display: none;
    	}
    }
    @media only screen and (min-width: 768px) { 
    	#top.home #av_section_2 {
    		display: none;
    	}
    }

    This shows the gif of the “A” up to 767px and the full word after 768px, in my test on browserstack this now works.
    Please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Default demo vs Enfold 2017 #1245127

    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: Learndash- Page settings and ALB #1245124

    Hi,
    For that page and similar ones, try this css:

    #top.single-sfwd-courses .single-small > .blog-meta {
    	display: none !important;
    }

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

    Best regards,
    Mike

    in reply to: Default demo vs Enfold 2017 #1245115

    Hi,
    Glad to hear, so for the last question, I added this css:

    /*sonar effect*/
    @-webkit-keyframes sonarEffect {
    0% {opacity: 0.3;}
    40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(174, 198, 195,0.1), 0 0 10px 10px #aec6c3, 0 0 0 10px rgba(174, 198, 195,0.5);}
    100% {box-shadow: 0 0 0 2px rgba(174, 198, 195,0.1), 0 0 10px 10px #aec6c3, 0 0 0 10px rgba(174, 198, 195,0.5);-webkit-transform: scale(1.5);opacity: 0;}
    }
    @-moz-keyframes sonarEffect {
    0% {opacity: 0.3;}
    40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(174, 198, 195,0.1), 0 0 10px 10px #aec6c3, 0 0 0 10px rgba(174, 198, 195,0.5);}
    100% {box-shadow: 0 0 0 2px rgba(174, 198, 195,0.1), 0 0 10px 10px #aec6c3, 0 0 0 10px rgba(174, 198, 195,0.5);-moz-transform: scale(1.5);opacity: 0;}
    }
    @keyframes sonarEffect {
    0% {opacity: 0.3;}
    40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(174, 198, 195,0.1), 0 0 10px 10px #aec6c3, 0 0 0 10px rgba(174, 198, 195,0.5);}
    100% {box-shadow: 0 0 0 2px rgba(174, 198, 195,0.1), 0 0 10px 10px #aec6c3, 0 0 0 10px rgba(174, 198, 195,0.5);transform: scale(1.5);opacity: 0;}
    }
    

    Please clear your browser cache and check. Shall we close this then?

    Best regards,
    Mike

    in reply to: Banner above header #1245101

    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: TinyMCE showing HTML tags in custom shortcode elements. #1244925

    Hi,
    Thanks for posting your custom element code, I tried it out and the error seems to occur when the element is opened after it was saved, but I couldn’t resolve this. I asked the rest of the team to take a look, thanks for your patience.

    Best regards,
    Mike

    in reply to: Banner above header #1244921

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

    Best regards,
    Mike

    in reply to: Default demo vs Enfold 2017 #1244920

    Hi,
    I adjusted the css for your two buttons, please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Banner above header #1244884

    Hi,
    Well now your staging site “COVID-19 Update” works correctly, but now your live site doesn’t have the correct code, please make the code for both sites the same like this:

     <div class="update" style="background-color:lightblue; padding-left: 20px">
    <span>
    COVID-19 Update<br>
    Learn about our expanded patient care options for your health care needs.
    </span>
    </div>

    In the above code this is the important part that adds the custom class <div class="update"

    Best regards,
    Mike

    in reply to: Banner above header #1244639

    Hi,
    Sorry I ment that your div code doesn’t have the custom class, like this:

    <div class="update" style="background-color:lightblue; padding-left: 20px">
    <span>
    COVID-19 Update<br>
    Learn about our expanded patient care options for your health care needs.
    </span>
    </div>

    Try copying the div code from your live site, in your header.php, to your stagging site, or use the code above.

    Best regards,
    Mike

    in reply to: Default demo vs Enfold 2017 #1244636

    Hi,
    I adjusted the css for chrome and screen size, please clear your browser cache and check.

    .responsive #top #header #header_main .inner-container .main_menu {
        flex-basis: 130%;
    }
    @media only screen and (max-width: 1570px) { 
    .responsive.avia-chrome #top #header #header_main .inner-container .main_menu {
        flex-basis: 130% !important;
    }
    }
    @media only screen and (min-width: 1571px) { 
    .responsive.avia-chrome #top #header #header_main .inner-container .main_menu {
        flex-basis: 160% !important;
    }
    }

    Best regards,
    Mike

    in reply to: Reorder Product Tabs #1244630

    Hi,
    Please remove the above css and clear any caching plugin and your browser cache then try this css:

    #top div.product .woocommerce-tabs.wc-tabs-wrapper {
        display: flex !important; 
        flex-wrap: wrap !important; 
        }
        #top div.product .woocommerce-Tabs-panel--additional_information {
            order: 3 !important; 
            width: 100% !important;
        }
        #top div.product .woocommerce-Tabs-panel--reviews {
            order: 1 !important; 
        }
        #top div.product .woocommerce-Tabs-panel--description {
            order: 2 !important; 
        }

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

    Best regards,
    Mike

    in reply to: Banner above header #1244615

    Hi,
    Please check your staging site “COVID-19 Update” it doesn’t have the custom class “update” as your live site does, without this the css won’t work.

    Best regards,
    Mike

    in reply to: H-Headlines / Fontsize-Adjusting for mobile view #1244613

    Hi,
    Thank you for the feedback, please try this css:

    @media only screen and (max-width: 767px) { 
    	#wrap_all #main h3,#wrap_all #main h3 > span {
    	font-size: 12px !important;
    }
    #wrap_all #main h1,#wrap_all #main h1 > span {
    	font-size: 14px !important;
    }
    }

    Please adjust the font sizes to suit and clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Learndash- Page settings and ALB #1244610

    Hi,
    Please try this css instead:

    #top > #wrap_all > #main > .container_wrap_first.fullsize {
    	  min-height: 80vh !important;
    }

    To not show courses in the blog element try to deselect the course category, or only select the categories you wish to show.

    Best regards,
    Mike

    in reply to: Rotate image with text #1244300

    Hi,
    Thanks for the screenshot, I do understand the space you wish to reduce, and thanks for changing the images to ones with no border, this helped.
    So please try this css:

    .avia-icon-grid-container li .avia-icongrid-wrapper .avia-icongrid-front,
    .avia-icon-grid-container li .avia-icongrid-wrapper .avia-icongrid-flipback {
        box-shadow: 0 0 0 10px #fff;
        background-size: cover !important;
    }

    After applying the css, please clear your browser cache and check.
    Please see the screenshot in Private Content area.

    Best regards,
    Mike

    in reply to: Problems with the enfold child theme options #1244290

    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: Default demo vs Enfold 2017 #1244284

    Hi,
    1 & 2: I added this css to your quick css:

    .responsive #top #header #header_main .inner-container .logo {
        height: 135px !important;
    }
    .html_header_top.html_header_sticky #top #wrap_all #main {
        padding-top: 192px !important;
    }

    3: I adjusted some previous css, now the socket menu shows.
    4: On this page your slider had an un-closed tag in the caption title:
    2020-09-08_071129.jpg
    I corrected and now the slider shows.

    Best regards,
    Mike

    in reply to: Navigation overlapping Logo on desktop version #1244275

    Hi,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .menu-item-top-level {
    	height: 60px !important;
    }
    .avia-menu.av-main-nav-wrap {
    	padding-top: 40px !important;
    }

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

    Best regards,
    Mike

    in reply to: DEMO IMPORT NOT WORKING #1244274

    Hi,
    When I check your site the demo looks like the Enfold Startup Business Demo and not the 2017 demo.
    Please try running the WP Reset and then import the one 2017 demo.

    Best regards,
    Mike

    in reply to: Rotate image with text #1244010

    Hi,
    When I check your flip items the backside seems larger than the front side because the images on the front side have a white border so it adds to the “look” of the borders.
    We can make the background color on the backside the same size but this doesn’t change the front side space because there really is no space, it is the white border in the image.
    Please try removing the white border from the images first and then we can check again.

    Best regards,
    Mike

    in reply to: Multiple Step Contact Form #1243995

    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: Mobile portfolio titles and hover #1243994

    Hi,
    We will leave this open to hear back from you if this helped.

    Best regards,
    Mike

Viewing 30 posts - 15,271 through 15,300 (of 34,221 total)