Forum Replies Created

Viewing 30 posts - 12,571 through 12,600 (of 34,878 total)
  • Author
    Posts
  • in reply to: How To Update Enfold 4.6.3.1 With Private Key #1342436

    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: Embedded Form Styling #1342435

    Hi,
    Thank you for your patience please try this css to correct some of the fields breaking down a line:

    #top #mongo-form input[type="text"],
    #top #mongo-form input[type="tel"],
    #top #mongo-form input[type="password"],
    #top #mongo-form select {
      display: inline;
    }
    #top #mongo-form #DC_ValidOther {
        min-width: 100%;
    }
    #top #mongo-form #DCCreditSecurityCode label {
    	display: inline;
    	width: 160px;
    	margin: 0;
    }
    #top #mongo-form #bboxdonation_comment_txtComments {
        margin-left: 161px;
    }

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

    Best regards,
    Mike

    in reply to: Alter Featured Image on Blog Does not work #1342432

    Hey condonpb,
    Thanks for the FTP access, but I couldn’t login to WP with the admin login, nonetheless I tested your function on my demo site and regenerated my thumbnails and it worked correctly

    add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 );
    function enfold_customization_modify_thumb_size( $size ) {
    $size['entry_with_sidebar'] = array('width'=>845, 'height'=>580);
    $size['portfolio'] = array('width'=>845, 'height'=>580);
    return $size;
    }
    

    Perhaps this code near the top of your child theme functions.php is causing a conflict:
    $avia_config[ 'imgSize' ][ 'featured' ] = array( 'width' => 1500, 'height' => 555 ); // images for fullsize pages and fullsize slider
    try removing this and adding it to your enfold_customization_modify_thumb_size function like this:

    add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 );
    function enfold_customization_modify_thumb_size( $size ) {
    $size['entry_with_sidebar'] = array('width'=>845, 'height'=>580);
    $size['portfolio'] = array('width'=>845, 'height'=>580);
    $size['featured'] = array( 'width' => 1500, 'height' => 555 );
    return $size;
    }

    and regenerated your thumbnails again, and check.

    Best regards,
    Mike

    in reply to: Theme Update doesn't work #1342430

    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

    in reply to: How To Update Enfold 4.6.3.1 With Private Key #1342429

    Hey sethriley,
    Thank you for the login, unfortunately, version 4.6.3.1 (Nov 22, 2019) had an update bug that was later fixed in 4.6.4-beta-1
    So to update your version of Enfold you will need to download the latest version (v4.9) from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New
    WordPress_Appearance_Themes_Add-Themes_Add-New.jpg
    after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue
    Installing_theme_from_uploaded_file_This_theme_is_already_installed.jpg
    then you will see the Theme updated successfully message.
    Theme_updated_successfully.jpg

    Best regards,
    Mike

    in reply to: Add drop shadow to caption full width image slider #1342428

    Hey Berebeeld,
    Please try this code in the General Styling ▸ Quick CSS field

    h1.avia-caption-title {
    text-shadow: 2px 2px #000 !important;
    }

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

    Best regards,
    Mike

    in reply to: Adding Shortcode to Excerpts #1342425

    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: Animation on element #1342424

    Hey VirtuHouse,
    This can be done with Keyframe Animations this article is pretty good but if you search Google I’m sure you will find more examples. In the example below I created a page with two text blocks, one has left text alignment and the other right, in the custom classes for each element I used either text-box-left or text-box-right
    2022-02-26_017.jpg
    then I used this css:

    @keyframes slide-in-left {
        from {
          transform: translateX(-100%);
        }
        to {
          transform: translateX(0%);
        }
      }
    
      @keyframes slide-in-right {
        from {
          transform: translateX(100%);
        }
        to {
          transform: translateX(0%);
        }
      }
    
    
      .text-box-right {
        animation: slide-in-right 1000ms;
      }
      .text-box-left {
        animation: slide-in-left 1000ms;
      }

    and now on page load the text slides in
    2022-02-26_018.jpg
    this basic example can be applied to other elements, or you can search for more advanced examples, but this should help you get started.

    Best regards,
    Mike

    in reply to: Add Login / Log out links to top menu’ #1342421

    Hey tauqer30,
    Thank you for the screenshot, I was able to find your site and found that your custom menu item li doesn’t include the class menu-item
    please include this class and it won’t show on mobile. Your code snippet above didn’t post correctly so I can’t advise on how to adjust it, if you need further help please include an admin login in the Private Content area.

    Best regards,
    Mike

    in reply to: Missing Visual editor? #1342420

    Hi,
    Thanks for the feedback, you do not need the Classic Editor plugin, this is built-in to the theme options
    2022-02-26_016.jpg
    Enfold Theme Options ▸ Select Your Editor

    Best regards,
    Mike

    Hey UFreeman,

    1. Question: In the mobile version of my site, empty fields appear above the paragraphs. I know the fields are the layout elements that I use to break up the page and then populate it with content — on the web version it looks as intended, on the mobile version you can see it as an empty field above the content. How do I stop this display in the mobile version?

    I believe that you want to hide three empty white boxes on your page for mobile, please see the screenshot in the Private Content area. These seem to be custom div’s in text block elements and all have the same ID so adding this css to your Quick CSS in the theme option will hide them all on mobile:

    @media only screen and (max-width: 767px) { 
    #simple-translate {
    	display: none;
    }
    }

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

    2. I want to include an up button that appears in the bottom right corner as you start scrolling down and brings you back to the top (like here in the forum, default). All earlier questions about this here send you to a place in the theme options that doesn’t exist for me or that maybe have a completely different name.

    To show the “scroll to the top” button on mobile add this css to your Quick CSS in the theme option

    @media only screen and (max-width: 767px) {
    .responsive #top #scroll-top-link {
        display: block;
    }
    }

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

    Best regards,
    Mike

    in reply to: Woocomerce Categories Inside Elfold Single Page #1342417

    Hey Akhurst,
    Thanks for your link and screenshot, unfortunately, you can not do that directly, you could “fake” a category page by adding a product slider to a page and only show one category in it, but it would not be linked to from product page category links.
    I assume that the reason you want to do this is because you would like to show the special-headings and textblock above the product grid like on your /edgebanders/ page.
    This can be done with a custom shortcode in your functions.php for each category page.
    For example I copied your special-headings and textblocks html, but you could also use the element shortcodes, and added to my child theme functions.php like this:

    function category_description_sc( ){
    	return do_shortcode('<div class="av-special-heading av-l01jfpk8-6ff7d45e06a3edb0c8feca9bc3993089 av-special-heading-h2 meta-heading  avia-builder-el-1  el_before_av_hr  avia-builder-el-first "><h2 class="av-special-heading-tag" itemprop="headline">Edgebanders</h2><div class="special-heading-border"><div class="special-heading-inner-border"></div></div></div>
    <div class="hr av-l01jfxa9-f6ed7abf8e08223ca4bfa21708dacb34 hr-invisible  avia-builder-el-2  el_after_av_heading  el_before_av_textblock "><span class="hr-inner "><span class="hr-inner-style"></span></span></div>
    <section class="av_textblock_section av-l01jg5gy-ffdf42db35c6941bb6b37af284404119" itemscope="itemscope" itemtype="https://schema.org/CreativeWork"><div class="avia_textblock" itemprop="text"><h3>Beautiful cabinetry requires precision edgebander solutions for optimal aesthetics.</h3>
    </div></section>
    <section class="av_textblock_section av-l01jn9y5-d165d9be36c859091452d8ca70ce4545" itemscope="itemscope" itemtype="https://schema.org/CreativeWork"><div class="avia_textblock" itemprop="text"><p>With such a wide array of panel types and finishes available on the market today, you need the right edgebander to ensure the optimum esthetic of your case goods and cabinet doors.</p>
    <p>At Cantek, we have the right edge banding solution to fit your application, production requirements, and budgeting needs. Today the demands on edgebanders have never been higher, so, in response, our manufacturing partners have worked to revolutionize the edgebander. Edgebanding machines are designed to minimize setup while allowing for wide flexibility of edge banding applications and they can be configured for EVA, Polyurethane, or Polypropylene glues to minimize the visible glue joint. Working units like pre-milling, corner rounding, and glue scraping are available to produce the optimum finished edge.</p>
    </div></section>
    <div class="av-special-heading av-l01l61rc-1bcbcc6dd8d5111025c60153096ebed3 av-special-heading-h2 meta-heading  avia-builder-el-5  el_after_av_textblock  el_before_av_productgrid "><h2 class="av-special-heading-tag" itemprop="headline">Choose your solution</h2><div class="special-heading-border"><div class="special-heading-inner-border"></div></div></div>');
    }
    add_shortcode( 'category_description', 'category_description_sc' );

    the shortcode for this is [category_description]
    I add this to one of my product category Description:
    2022-02-26_013.jpg
    and the result is:
    2022-02-26_014.jpg
    So while you would need to add one for each category, it should not be any more work than adding the elements to the page.

    Best regards,
    Mike

    in reply to: Image Flip Box #1342414

    Hey GoodfishGroup_Marketing,
    Thank you for your question, this can be done with the Icon Grid element and the css below, note that we are using :nth-child to show a different image for each grid front and back, the css below is for three cells but you can have as many as you like.
    Since images added like this don’t add a height to the page elements we need to also add height in the css, for my example I made the grid row 75vh so it looked full height, you should adjust to your needs.
    Try to change the image URLs to your images and test

    .avia-icon-grid-container li:nth-child(1) .avia-icongrid-wrapper .avia-icongrid-front {
      background-image: url(//enfold/wp-content/uploads/2022/02/man2.jpg)!important;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 50% 50%;
    }
    .avia-icon-grid-container li:nth-child(1) .avia-icongrid-wrapper .avia-icongrid-flipback {
      background-image: url(//enfold/wp-content/uploads/2022/02/man4.jpg)!important;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 50% 50%;
    }
    .avia-icon-grid-container li:nth-child(2) .avia-icongrid-wrapper .avia-icongrid-front {
      background-image: url(//enfold/wp-content/uploads/2022/02/woman4.jpg)!important;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 50% 50%;
    }
    .avia-icon-grid-container li:nth-child(2) .avia-icongrid-wrapper .avia-icongrid-flipback {
      background-image: url(//enfold/wp-content/uploads/2022/02/woman3.jpg)!important;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 50% 50%;
    }
    .avia-icon-grid-container li:nth-child(3) .avia-icongrid-wrapper .avia-icongrid-front {
      background-image: url(//enfold/wp-content/uploads/2022/02/man1.jpg)!important;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 50% 50%;
    }
    .avia-icon-grid-container li:nth-child(3) .avia-icongrid-wrapper .avia-icongrid-flipback {
      background-image: url(//enfold/wp-content/uploads/2022/02/man3.jpg)!important;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 50% 50%;
    }
    
    .avia-icon-grid-container li .avia-icongrid-wrapper .avia-icongrid-front .avia-icongrid-icon {
    	display: none;
    }

    2022-02-26_125401.jpg
    just in case you want to make your grid larger like in my example, this is the css I used:

    .avia-icon-grid-container,.avia-icongrid-wrapper,.article-icon-entry {
    	height: 75vh;
    }
    .responsive #av_section_1 > .container {
    	max-width: 1810px;
    }

    If you have trouble with this then create a text page and include admin login in the Private Content area so we can be of more assistance.

    Best regards,
    Mike

    in reply to: Socket – Link Colour when activated #1342396

    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: Adding Shortcode to Excerpts #1342395

    Hi,
    Thanks for the feedback I adjusted the script to this:

    
    function custom_masonry_excerpt_button_script() { ?>
        <script>
    var elements = new Array();
    var elements = document.getElementsByClassName('av-masonry-entry-content');
    for (var e = 0; e < elements.length; e++) {
        var newHTML = elements[e].innerHTML;
        newHTML = newHTML.replace('[buttoncode]','<span class="center-excerpt-button"><span class="avia-button avia-icon_select-yes-left-icon avia-size-large avia-position-center avia-color-theme-color"><span class="avia_button_icon avia_button_icon_left" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span><span class="avia_iconbox_title">SEE MENU</span></span></span>');
        elements[e].innerHTML = newHTML;
    };
    </script>
        <?php
    }
    add_action('wp_footer', 'custom_masonry_excerpt_button_script');

    and I added this css to center the buttons:

    span.center-excerpt-button {
    	display: flex;
        justify-content: center;
    }

    Please clear any cache plugin and your browser cache and check.

    Best regards,
    Mike

    in reply to: Add Buttons to Top Bar #1342369

    Hey Eleina_Shinn,
    Thanks for your question, you can add html or shortcode in the topbar via the Phone Number or small info text option and the topbar will increase to show the element. For example this is a medium button shortcode created with the shortcode wand

    [av_button label='Button' icon_select='no' icon='ue800' font='entypo-fontello' link='manually,https://kriesi.at/support/' link_target='_blank' size='medium' position='right' label_display='' title_attr='' color_options='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' id='' custom_class='' template_class='' av_uid='' sc_version='1.0' admin_preview_bg='']

    2022-02-26_002.jpg

    Best regards,
    Mike

    in reply to: Main menu with different colored buttons #1342368

    Hi,
    Glad Rikard could 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: Repeating full width slides #1342365

    Hi,
    Glad Ismael could 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: Full screen slider on Mobile #1342364

    Hey Joe,
    Thanks for the link to your site, do you see this only on the first view of the first image?
    I checked on Windows in Chrome, Firefox, & Edge and didn’t see this, I looked for the first view and for a few times through the slideshow.
    Please see the screenshot in the Private Content area.
    I also checked on an Android phone, perhaps since the first image is of a man in a doorway, it is tricking the eye, try switching the first image with a different image to test.

    Best regards,
    Mike

    in reply to: Socket – Link Colour when activated #1342363

    Hey suherda,
    Thank you for the link to your site, I believe that you would like your socket links to be black and gray with an underline on mouse-over, please try this code in the General Styling ▸ Quick CSS field:

    #socket.socket_color .copyright a:hover {
        text-decoration: underline;
        color: #666666;
    }
    #socket.socket_color .copyright a {
        color: #000000;
    }

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

    Best regards,
    Mike

    in reply to: Remove link to author bio archive page #1342346

    Hey aradiasun,
    Thanks for your question, here are two solutions,
    the first is css and just makes the link not clickable, add this code in the General Styling ▸ Quick CSS field:

    .av-magazine-author-link a {
    	pointer-events: none;
    }

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

    The second solution removes the link, add this code to the end of your functions.php file in Appearance ▸ Editor:

    function custom_script() { ?>
        <script>
    (function($) {
    $('.av-magazine-author-link a').each(function() {
        $(this).contents().unwrap().wrap('<span/>');
    
    });
    })(jQuery);
    </script>
        <?php
    }
    add_action('wp_footer', 'custom_script');

    Best regards,
    Mike

    in reply to: Adding Shortcode to Excerpts #1342344

    Hi,
    Thanks for the login, originally I was under the impression that we were talking about a portfolio item, so after testing the solution above was for a portfolio item, but I see that you are using a masonry element to show posts. I couldn’t find a similar solution for this, but I did find a plugin that works Shortcodes Anywhere or Everywhere if the In Post/Page Custom Fields option is used. I first tested this with a simple date shortcode, but using a button shortcode breaks the masonry element.
    If you notice the whole masonry block, excerpt and image, is already linked to the item, so you can not add a button to the excerpt that includes a link.
    I assume that you understand that this, so I came up with a different solution for you, I replaced your shortcode in the manual excerpt with this:
    [buttoncode]
    then I added this to your child theme functions.php

    function custom_masonry_excerpt_button_script() { ?>
        <script>
    var masonryExcerpt = document.querySelector(".av-masonry-entry-content.entry-content");
    masonryExcerpt.innerHTML = masonryExcerpt.innerHTML.replace("[buttoncode]", '<span class="avia-button avia-icon_select-yes-left-icon avia-size-small avia-position-center avia-color-theme-color"><span class="avia_button_icon avia_button_icon_left" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span><span class="avia_iconbox_title">Click me</span></span>');
    </script>
        <?php
    }
    add_action('wp_footer', 'custom_masonry_excerpt_button_script');

    and now the button shows.
    You can adjust the button html in the script above to suit, if you want help with this please post the button you want to use on a test page so I can copy the html and adjust the script for you.

    Best regards,
    Mike

    in reply to: Different caption colors on different browsers #1342340

    Hi,
    Please disable your wpfc cache plugin, and then clear your browser cache.
    If this doesn’t help then please include an admin login.

    Best regards,
    Mike

    Hi,
    The word “Bookmarks” in your footer is from a widget, please check. The login token link above is not working, please check.

    Best regards,
    Mike

    in reply to: Insert Logo to Topbar #1342337

    Hi,
    Sure, I adjusted, please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Different caption colors on different browsers #1342295

    Hi,
    Thanks for the feedback, on Chrome it shows red for me, the screenshot above was from Chrome.
    Please try this code in the General Styling ▸ Quick CSS field

    #top #wrap_all #main.all_colors h2.avia-caption-title {
    	color: #fff;
    }

    and then clear your browser cache.
    I see that your wpfc-minified cache is still enabled, after you add the css above please clear this cache.

    Best regards,
    Mike

    in reply to: Insert Logo to Topbar #1342292

    Hi,
    Oh I see, I thought you ment the site logo, but you ment the TeamViewer logo. Ok so I removed the previous topbar link and css and created a menu item with your TeamViewer link and added this css to use the TeamViewer logo image instead of the menu item text.

    li#menu-item-1431 {
    width: 30px;
    background-image: url(https://www.chispasupport.ch/wp/wp-content/uploads/2022/02/icons8-teamviewer-30.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    }
    li#menu-item-1431 a {
    opacity: 0;
    }

    please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Adding Shortcode to Excerpts #1342279

    Hi,
    Please include admin login and FTP access in the Private Content area so we can be of more assistance.

    Best regards,
    Mike

    in reply to: Maganize can not hide category and tag. #1342277

    Hey StuWeTueHo,
    Thank you for the link to your site, please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    .av-magazine-time,.av-magazine-author-wrap,.av-magazine-cats-wrap,.av-magazine-tags-wrap {
    	display: none;
    }

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

    Best regards,
    Mike

    in reply to: Add masonry sort options to menu #1342276

    Hey Vera,
    Thanks for your question, but unfortunately this is not possible because the category links in the masonry are not real links, they are triggered by javascript after the page is loaded so you can not link to them directly from the menu.

    Best regards,
    Mike

Viewing 30 posts - 12,571 through 12,600 (of 34,878 total)