Forum Replies Created

Viewing 30 posts - 24,661 through 24,690 (of 35,179 total)
  • Author
    Posts
  • in reply to: fullscreen or bigger popup window for "?iframe=true" #1029622

    Hey staubi,
    Sorry for the late reply, I understand that the lightbox popup is set to a certain size. It is possible to increase it’s size some, but for iframes it’s a little tricky.
    Please see this solution for a iframe similar to what you are trying to do: Adjust iframe size

    On a similar topic, where the lightbox popup was a image of a menu and it needed to be larger than the screen, in this example please note the css.

    Please give this a try, and if you need further assistance, Please include a admin login in the Private Content area, and a link to a test page with the element.

    Best regards,
    Mike

    in reply to: Setting same anchor for multiple color-sections #1029621

    Hey Themes_SuterGerteis,
    Sorry for the late reply, thanks for the login, I took a look at your pages and believe I understand the issue: on your 3 pages the different sections are either hidden or shown based on screen size, in order for it to look and behave well for each screen size.
    For example, on one page you have 3 IDs called “contact” and this causes the menu link to not work correctly.
    The easiest solution is to create 3 contact menu links that target the 3 color sections, each using a different ID.
    For exanple: #contact1, #contact2, #contact3
    then hide the menu items along with the color sections, here is an example of css that hides the menu item and the section at the same time:

    @media only screen and (max-width: 426px) { 
    li.menu-item-54, .page-id-39 div#kontakt {
    display: none !important;
    }
    }

    every menu item has a number and after the comma it targets the section, so it will be easy to manage.

    If you wish, I will assist on one such section, that you can model afterward for your other sections. To get started please create 3 contact menu items, each using a different anchor to each of the color sections.
    Then tell us the screen sizes you wish each of the 3 sections to show.

    Best regards,
    Mike

    in reply to: Blog Thumbnail spacing #1029615

    Hi,
    I took a look at your pages, and while they are using different elements to create the grid, I believe I have adjusted the “news” page to the same width as the “artists” page.
    Please try this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 478px) { 
    .responsive #top.page-id-20604 #wrap_all .slide-entry {
    width: 100% !important;
    }
    .responsive #top.page-id-20604 #wrap_all .slide-entry a img {
    width: 100% !important;
    }
    }
    @media only screen and (min-width: 767px) { 
    .responsive #top.page-id-20604 #wrap_all .slide-entry {
    width: 21.41% !important;
    margin-left: 2.59% !important; 
    }
    .responsive #top.page-id-20604 #wrap_all .slide-entry a img {
    width: 100% !important;
    }
    }

    Please clear your browser cache and check.

    Best regards,
    Mike

    Hey j0schi,
    Sorry for the late reply, I have taken a look at your page and have some ideas on the issue, please include ftp access in the Private Content area so we can be of more assistance.

    Best regards,
    Mike

    in reply to: Updating page is hanging #1029514

    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: Updating page is hanging #1029505

    Hi,
    Oh I see, Please try this code in the General Styling > Quick CSS field:

    #top.home #av-layout-grid-1 .flex_cell_inner,#top.home #av-layout-grid-2 .flex_cell_inner {
    background: rgba(0,0,0,0.6) !important; 
    }

    Best regards,
    Mike

    in reply to: Centered logo – Shopping cart in menu #1029503

    Hi,

    To move the cart into the menu nav, Try adding this code to the end of your functions.php file in Appearance > Editor:

    function cart_in_nav(){
      ?>
      <script>
    (function($){
      $(document).ready(function(){
     var width = $(window).width(), height = $(window).height();
      if ((width >= 768)) {
      $( "#menu-item-shop" ).appendTo( "#avia-menu.av-main-nav" );
      };
    });
    })(jQuery);
    </script>
      <?php
      }
    add_action('wp_footer', 'cart_in_nav');

    and this code in the General Styling > Quick CSS field:

    /* cart_in_nav */
    @media only screen and (min-width: 767px) { 
    #top #header_main ul#avia-menu ul#menu-item-shop,#top #header_main ul#avia-menu ul#menu-item-shop a.cart_dropdown_link {
    display: block !important; 
    height: 50px !important;
    line-height: 50px !important; 
    padding: 1px 10px !important; 
    border: none !important; 
    box-shadow: none !important; 
    }
    #top #header_main ul#avia-menu ul#menu-item-shop ul.woocommerce-mini-cart.cart_list.product_list_widget {
    width: 100% !important; 
    height: 100% !important; 
    }
    #top #header_main ul#avia-menu ul#menu-item-shop .woocommerce-mini-cart-item.mini_cart_item a {
    border: none !important;
    }
    #top #header_main ul#avia-menu ul#menu-item-shop .woocommerce-mini-cart__buttons.buttons a {
    border: none !important;
    }
    }
    /* end cart_in_nav */
    

    Best regards,
    Mike

    in reply to: WooCommerce Gutscheincode #1029486

    Hi,
    Um auch den Schaltflächentext zu ändern, ersetzen Sie bitte Ihre benutzerdefinierte Funktion durch Folgendes:

    function woo_coupon_code_placeholder(){
      ?>
      <script>
    jQuery(window).load(function(){
      jQuery('#top.woocommerce-cart input#coupon_code').attr('placeholder','Händlercode');
    jQuery('#top.woocommerce-cart button.button[name="apply_coupon"]').text('Händlercode');  
      });
    </script>
      <?php
      }
      add_action('wp_footer', 'woo_coupon_code_placeholder');

    — Translated with Google —

    To also change the button text, please replace your custom function with this:

    function woo_coupon_code_placeholder(){
      ?>
      <script>
    jQuery(window).load(function(){
      jQuery('#top.woocommerce-cart input#coupon_code').attr('placeholder','Händlercode');
    jQuery('#top.woocommerce-cart button.button[name="apply_coupon"]').text('Händlercode');  
      });
    </script>
      <?php
      }
      add_action('wp_footer', 'woo_coupon_code_placeholder');

    Best regards,
    Mike

    in reply to: Updating page is hanging #1029400

    Hi,
    Ok, the best option I can offer is to use a css filter on hover:

    .flex_cell.av_one_half:hover {
          filter: grayscale(100%) brightness(60%) sepia(100%) hue-rotate(128deg) saturate(1000%) contrast(0.6);
    -webkit-filter: grayscale(100%) brightness(60%) sepia(100%) hue-rotate(128deg) saturate(1000%) contrast(0.6);
    }

    It is very close:
    2018-11-02-222020
    I’ll tell you how to adjust it if you would like to get closer, you will notice there are two filters here “-webkit-filter” & “filter” they are both the same, -webkit-filter is for some browsers like Safari, and filter is for other browsers like Chrome, all of the settings are the same afterwards.
    These are the settings:
    grayscale – do not change
    brightness – choose a number up to 100%
    sepia – do not change
    hue-rotate – choose a number to match the color wheel below: 0 to 330
    saturate – do not change
    contrast – choose a fraction up to 1
    hue-color-wheel
    there is a little guessing involved, so just make small changes each time, and then test.

    Best regards,
    Mike

    Hi,
    In the css above, please change “display: block !important;” to:
    “display: inline-block !important;”

    Best regards,
    Mike

    in reply to: SUB-PAGES DISAPPEARED WITH THEME UPDATE #1029386

    Hi,
    I removed the theme link by adding [nolink] into Enfold Theme Options > Footer > Copyright
    I made the social icons larger with this css in the Enfold Theme Options > General Styling > Quick CSS field

    /* larger socket social icons */
    #socket .social_bookmarks li a {
    width: 50px!important; 
    line-height: 50px!important; 
    min-height: 50px!important; 
    font-size: 30px;
    }
    
    #socket .social_bookmarks li {
    height: 50px!important; 
    width: 50px!important; 
    }
    
    #socket .social_bookmarks {
        height: 60px!important;
    }

    Please feel free to adjust them to suit, if you wish.

    Best regards,
    Mike

    in reply to: Issues with header when updating Enfold #1029155

    Hi,
    To work with the two logos positioned correctly under screen size 767px & under, I created a new image from the two logos, and then I added this css in the WordPress > Customize > Additional CSS:

    @media only screen and (max-width: 767px) { 
    .responsive #top #wrap_all #header_main #text-2 .textwidget .av_one_half.flex_column_div.first {
     content: url(https://your-url.nl/wp-content/uploads/2018/11/mobile-logo.jpg);
    background-size: contain;
        width: 80% !important;
    }
    #text-2.widget_text .textwidget .flex_column_div:nth-child(even) {
    display: none !important;
    }
    }

    Please see the screenshot in Private Content area, and clear your browser cache and check.
    If you feel the image is not right, please create a image with the same dimensions where the two logos are positioned correctly.

    Best regards,
    Mike

    in reply to: How can I change the IDs for accordions? #1029058

    Hey Shane,
    Sorry for the late reply, Try adding this code to the end of your functions.php file in Appearance > Editor:

    add_theme_support('avia_template_builder_custom_tab_toogle_id');

    It adds a field for custom tab and toggle ids for prettier url #hashes in the advanced layout builder.

    Best regards,
    Mike

    in reply to: Enfold update not working #1029049

    Hi,
    @ac, sorry for the late reply, you are correct about the API / Token, please see this post about the new Token.
    We have corrected this issue with the version 4.5 update, it is recommend to update manually.
    There is a free plugin that will allow you to manually update via the WordPress Theme panel by uploading the enfold.zip file, otherwise you can update via FTP, please remember to delete the current enfold folder and then upload the new one. Please don’t try to overwrite the theme folder, as this will leave old files behind and cause errors.
    My recommendation is to go to your Theme Forest account and download the updated Enfold v4.5 and manually update it, then going forward it will use the new Token keys. All users will need to generate a new token for updates. Please see this post
    Please let us know if you would like some help updating.

    Here are the steps to update with the plugin
    *Please ensure your “PHP Max Upload Size” is at least 20mb, because Enfold is 16.7mb.
    1: please install the plugin: Update Theme and Plugins from Zip File
    2018-10-20-104358
    2: then go to WordPress > Themes > Add New > Upload
    2018-10-20-104649 2018-10-20-105401
    3: after the install, click “Return to Themes page” (NOT Activate)
    2018-10-20-105705
    4: success:
    2018-10-20-110104

    Best regards,
    Mike

    in reply to: Image Overlay changes, remove border #1029041

    Hey c3idesign,
    To remove the two border lines, please try this code in the General Styling > Quick CSS field:

    #top.page-id-3604 .container_wrap {
        border-top-style: none !important; 
        border-top-width: 0px !important; 
    }
    #top.page-id-3604 .hr-default span.hr-inner  {
    border-top-style: none !important; 
        border-top-width: 0px !important; 
    }

    This has been written to work only on the one page, please let us know if you have other pages you would like it to work on.

    To remove the overlay, Please try this code in the General Styling > Quick CSS field:

    .av-caption-image-overlay-bg {
        opacity: 0 !important; 
    }
    

    I assume this is for the whole site, please let us if you want to restrict which pages it will work on.

    Best regards,
    Mike

    in reply to: Featured blog post image #1029030

    Hey tbraendle,
    Sorry for the late reply, if I understand your concern correctly, changing the page layout for archive / category pages would be a solution. To change the layout to a grid like on your blog page, Try adding this code to the end of your functions.php file in Appearance > Editor:

    //change category page layout to blog grid style
    add_filter('avf_blog_style','avia_change_category_blog_layout', 10, 2); 
    function avia_change_category_blog_layout($layout, $context){
    if($context == 'archive') $layout = 'blog-grid';
    return $layout;
    }

    For the issue with the two image for the same page, Please try this code in the General Styling > Quick CSS field:

    #top.archive .big-preview.single-big {
    display: none !important;
    }

    although this might not be a issue once you change the layout to the grid.

    Best regards,
    Mike

    Hi,
    I tested the transitions at 1920px but the issue still seems to be there, the only info about this when searching on the layerslider forum is their reply that “It seems to be an issue with Chrome’s rendering. Other types of 3D transitions should be fine. We are investigating how we could solve this, but certainly it is an issue with Chrome. Older versions of Chrome didn’t have this issue.”

    Best regards,
    Mike

    Hi,
    Your css is for changing the text black, to change the link black you need to add “a” after the class, to make it work for both add another sector, like this:

    #top.postid-12132 .mfp-title,#top.postid-12132 .mfp-title a {
    display: block !important; 
    color: #000 !important;
        text-align: center !important; 
    }

    In my test, there is no need to change the link to make it show, just try the css above.
    If this doesn’t help, please include admin login in the Private Content area so we can be of more assistance.

    Best regards,
    Mike

    in reply to: Issues with header when updating Enfold #1028991

    Hi,
    For #1: to remove the extra social icons please try:

    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all #header #header_main .inner-container .main_menu ul.social_bookmarks {
        display: none !important;
    }
    }

    Then please replace the rule to make the logo width 47% with this:

    .responsive #top #wrap_all #header_main #text-2 .textwidget .av_one_half.flex_column_div {
        width: 38% !important;
    }

    Then replace the rule to make the burger menu move up -50px, with this:

    .responsive #top #wrap_all .main_menu {
        top: -100px !important;
    }

    I have a couple of other ideas to address some of the other issues, but perhaps it would be easier if I could login to adjust the css?

    Best regards,
    Mike

    in reply to: Image Overlay Color Section Won't Center #1028982

    Hi,
    Glad to hear, thanks 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 under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

    Hi,
    Yes you can use a link in the lightbox popup footer, you’ll want add some color to the link, because by default it is white.
    Also your element seems to be “display:none” right now.

    .single-portfolio .mfp-title a {
        color: #000 !important; 
    }
    .single-portfolio .mfp-title,.single-portfolio  .mfp-counter {
        display: block !important; 
        color: #000 !important;
    }

    Best regards,
    Mike

    Hi,
    Glad we could help, thanks for using Enfold.

    Best regards,
    Mike

    in reply to: Update not WORKING! #1028976

    Hi,

    @elames
    Glad to hear, thanks 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 under Enfold sub forum and we will gladly try to help you :)


    @hgeurtse
    Glad to hear, thanks for using Enfold.

    Best regards,
    Mike

    in reply to: Update not WORKING! #1028848

    Hi,
    In the screenshot above that says your theme is v4.1, please notice the name of the theme “Enfold-old”
    this was the backup of your old theme, I login in to look but it no longer says this so I assume that you have realize this and corrected.
    Unless there is anything else we can assist with on this issue, shall we close this then?

    Best regards,
    Mike

    Hi,
    Yes that should work, as long as there is not another insistence of the “display: none;” code further down.

    Best regards,
    Mike

    Hi,
    To not show in mobile, please use this css instead:

    @media only screen and (min-width: 1120px) { 
    #top .main_color {
        background-color: #9db8cc !important; 
    }
    #top .container_wrap_first .container:first-child {
        background-color: #f8f8f8 !important; 
    }
    }

    Best regards,
    Mike

    in reply to: How to make same page link work on open burger menu #1028834

    Hi,
    Step 3 above refers to not needing to activate the theme since it was activated all along, the plugin should be activated in step 1, for installing the plugin. Sorry I guess I was not clear on that.
    1: install and activate the plugin.
    2: upload your theme zip via “add new” > “upload theme” and then click “install now”
    3: after the successful install click “return to themes page”

    Best regards,
    Mike

    Hi,
    Oh I see the title under the lightbox (popup) of the image.
    Well first please note that in your css above this code is ment to hide the title:

    .mfp-title,.mfp-counter {
    display: none;
    }

    Please make sure this is only in your css once for your whole site, because the next section is meant to override the first code by being placed right after it with more value for one page:

    #top.postid-12132 .mfp-title {
    display: block !important; 
    color: #000 !important;
        text-align: center !important; 
    }

    So you only want to clone this code for your new page, but it has to be after the code that is trying to hide the element, I hope this makes sense.

    This is a trick we do when someone wants to hide all of the lightbox titles except for one page. It this still needed for your site?

    I recommend looking though all of your css and removing:

    .mfp-title,.mfp-counter {
    display: none;
    }

    then check that the titles are showing, then add this code back in only once at the beginning of all of your code, and ensure that it works on the pages you want it to and not on the others. If it didn’t work right more the code to the end of all of your code and try again, one way or the other it should work. Don’t forget to clear your browser cache, and any caching plugin, after each code change to make sure your looking at the live version.

    If you still are having trouble after this please include a admin login so we can assist.

    Best regards,
    Mike

    in reply to: Changing texts in Enfold Shop Demo #1028698

    Hey afarahani,
    Sorry for the late reply, for questions 1-4, to change the many text words on your site I recommend using the Say What Plugin
    Try adding the text you would like to replace, and your new text, and use ‘avia_framework’ as the Text Domain. This screenshot shows a example.
    setting_breadcrum
    Since this is in your shop you should try ‘woocommerce’ as the Text Domain.

    For question 5: Please try this code in the General Styling > Quick CSS field:

    #top.woocommerce-cart th.product-price,#top.woocommerce-cart td.product-price,#top.woocommerce-cart th.product-subtotal,#top.woocommerce-cart td.product-subtotal,#top.woocommerce-cart th.product-quantity,#top.woocommerce-cart td.product-quantity {
    display: none !important;
    }

    For question 6: try this css:

    #top.woocommerce-cart button[name=update_cart] {
    display: none !important;
    }

    Best regards,
    Mike

    in reply to: Enfold 4.5 issues #1028685

    Hi,
    Glad to hear all is well, you can remove the “Update Theme and Plugins from Zip File” plugin, it was only needed this time, going forward the theme will update as in the past.

    As far as I know there has been no change in licensing by Theme Forest. If you question this please login to your Theme Forest account and ask their support, because we have no licensing documentation here, we always refer to Theme Forest on that topic, as we are tech support.

    Thanks for your patience and understanding, and for using Enfold.

    Best regards,
    Mike

Viewing 30 posts - 24,661 through 24,690 (of 35,179 total)