Forum Replies Created

Viewing 30 posts - 27,961 through 27,990 (of 34,601 total)
  • Author
    Posts
  • in reply to: Impossible to comment #938798

    Hi,
    Yes, that is what the export looks like, and it is good to save a export on your computer, but as you will read here: Read about using a Child Theme
    The button you will want to click is “Import Settings from your Parent Theme” which is above the “Export theme settings file” button.
    then you’ll need to re-set your menu options.

    Best regards,
    Mike

    in reply to: Links and Text in the footer #938787

    Hi,
    The error is in the code I gave you, on this line:

    .responsive #top #main {margin-top: -80px!important;}

    try changing it to any negative number down to 0px, the closer to 0px the more space there will be at the top of the page. I thought -40px looked good, but I’ll let you judge :)

    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
    and the video tutorials here
    And if there are features that you wish Enfold had, you can request them and vote the requested ones 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

    in reply to: Hide asterisk mailchimp form #938684

    Hi,
    Can you go to mailchimp and make the field not mandatory?
    Perhaps this would work: Change Placeholder Text jQuery and CSS styling

    Best regards,
    Mike

    in reply to: Gallery, skip the big image, go directly to the lightbox #938683

    Hey raymondkramer,
    How about opening the gallery on page load? If I understand correctly your gallery has one large image with other thumbnails, so the class of the large one should be “avia-gallery-big”
    So if you add this code to a code block element on the page, every time the page is opened your gallery will be shown in the lightbox.
    You could create a special page that is only meant to be linked via your slider, if you didn’t want other people landing on it by mistake.
    Try adding this code in a code block element on the page that has your gallery

    
    <script>
    (function($){
        $(window).load(function() {
           $('a.avia-gallery-big').trigger('click');      
        });
    })(jQuery);
    </script>
    

    Best regards,
    Mike

    in reply to: Hide asterisk mailchimp form #938679

    Hey Jillian,
    Try this code in the General Styling > Quick CSS field:

    .avia-mailchimp-form abbr.required {display: none !important;}

    Best regards,
    Mike

    in reply to: Read more – bottom align #938678

    Hey Jillian,
    The reason you can’t bottom align the buttons to line them all up is because the elements the buttons are in are different heights and nested inside div’s. But I created this css to make all of the dev’s the same height based on the largest one, which has a nice effect of lining all of the dates and excepts too.
    Try this code in the General Styling > Quick CSS field:

    .slide-content .entry-content-header,.slide-content .slide-entry-excerpt.entry-content {
    min-height: 75px !important; 
    }
    .slide-content .slide-meta {
    min-height: 21px !important; 
    }

    feel free to adjust the heights if you wish.

    Best regards,
    Mike

    in reply to: Custom Breadcrums #938677

    Hey wancora,
    Please see this solution: https://kriesi.at/support/topic/breadcrumbs-for-custom-post-type/#post-400019

    Best regards,
    Mike

    in reply to: Icon in line with text #938676

    Hi,
    If I understand correctly, you want to use the fontello icons in the default editor, getting them from the shortcode wand, and use them inline with your post, any post.
    Ok, then add this code in the General Styling > Quick CSS field:

    .av_font_icon.av-icon-style-inline {
        float: none!important; 
        display: inline-block!important; 
        vertical-align: middle!important; 
        margin: 0 8px!important; 
    }

    Then go to your post and use the shortcode wand to get your icon, in my case I used a rocket:

    Hello [av_font_icon icon='ue8dd' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color='' admin_preview_bg=''][/av_font_icon] how are you?

    Now look at the code for style=” you will need to add “inline” between the two ” like this:

    Hello [av_font_icon icon='ue8dd' font='entypo-fontello' style='inline' caption='' link='' linktarget='' size='40px' position='left' color='' admin_preview_bg=''][/av_font_icon] how are you?

    and that is it! You only have to add the css one time, and add the word “inline” every time for it to work.
    2018-04-07_161402
    2018-04-07_161533

    Best regards,
    Mike

    in reply to: Whatsapp button in share box #938674

    Hey (Email address hidden if logged out) ,
    It looks like your code above for the link is not right, I believe this might be what you need to use:

    //Add items on the social share section
    add_filter('avia_social_share_link_arguments', 'avia_add_social_share_link_arguments', 10, 1);
    function avia_add_social_share_link_arguments($args)
    {
    	$args['Whatsapp'] = array("encode"=>true, "encode_urls"=>false, "pattern" => "https://whatsapp.com/share?text=[title]&url=[permalink]");
    	return $args;
    }

    Best regards,
    Mike

    in reply to: Customise the height of table rows #938673

    Hi,
    Try this code in the General Styling > Quick CSS field:

    .pricing-table li:nth-child(2) {
        height: 300px!important; 
    }

    please adjust to suit.

    Best regards,
    Mike

    in reply to: Small bar above menu – questions #938669

    Hey marihonaa,
    Try this code in the General Styling > Quick CSS field:

    #top .av_header_transparency #header_meta,.phone-info  {
        background: blue!important; 
        height: 45px!important; 
        font-size: 18px !important;
    }

    Please adjust the values to suit.
    To add a icon before the phone number, please try this solution

    Best regards,
    Mike

    in reply to: AMP pluigin #938667

    Hey auxonet,
    As of right now Enfold is not 100% compatible with AMP, here is a user report: https://kriesi.at/support/topic/amp-plug-ins-for-enfold-theme/#post-763335

    Best regards,
    Mike

    Hi,
    We are unsure if this works, but it will give you a starting point: https://kriesi.at/support/topic/unlock-lock-advanced-layout-builder-for-editor/#post-858672
    This might also help: https://kriesi.at/support/topic/enfold-lock-avia-layout-builder-editing/#post-744589
    Hope this helps, but as Nikki pointed out, this is out of the scope of our support.

    Best regards,
    Mike

    in reply to: Issue after update #938657

    Hey mmf1,
    Sorry for the late reply, I have looked at your page, but I don’t see a issue, can you please explain a little more.

    Best regards,
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    .flex_column.av_one_third .widget_text h3.widgettitle {
    color: #74b86b !important;
    margin: 0px !important;
    text-align: center!important; 
    }
    .flex_column.av_one_third .widget_text {
    padding-bottom: 0px !important;
    }

    Best regards,
    Mike

    in reply to: Links and Text in the footer #938654

    Hi,
    1: I tested on my Android and I couldn’t reproduce the resizing of the image, although it looks like we are both using mobile Chrome? I also tested in my desktop Chrome developer tools as mobile, which has been reliable. Please see video in the Private Content area. Are you using a iPhone?

    2: To center everything I added the class “mobile-home” to your special heading and added this css code in the General Styling > Quick CSS field:

    .mobile-home {text-align: center;}

    please clear your browser cache and check.

    3: To make your mobile header transparent, and enable your alternative logo, I added this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 766px) { 
    .responsive #top #main {margin-top: -80px!important;}
    #top #wrap_all .av_header_transparency {background-color: transparent!important;}
    div#header_main > .container {display: block !important;}
    .responsive #top .av_header_transparency .logo img.alternate{display:block!important; }
    .responsive #top .av_header_transparency.av_alternate_logo_active .logo a > img {
        opacity: 0!important; 
    }
    }

    Please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Impossible to comment #938642

    Hi,
    I tried changing the text in your comment area with the plugin, but it didn’t work as expected, but I did find a new solution here:
    how-to-change-comment-box-text
    I was going to try for you, but it seems your WordPress > Appearance > Editor is disabled, so you will have to add the code via FTP
    were you able to get your child theme setup?

    Best regards,
    Mike

    Hi,
    Well done, I see you have added the “Widget logic” to all of the “Italien” posts, and they are showing in all of my checks.
    2018-04-06_195746
    Perhaps if you don’t see it right away, try re-loading your page, or clearing your cache.
    But I think you are feeling not sure, so I will make a video. Please see video in Private Content area.
    In the video I create a new widget for the Danmark category, since you have already added the “Widget logic” to the post, I don’t need to add it, but I show the post anyways to show the steps.

    Best regards,
    Mike

    in reply to: How to override the background color on Tables #938173

    Hi,
    Please try this code, it makes the first and last empty columns width smaller:

    #top.page-id-3666 .avia-table-2 .pricing-table-wrap:nth-child(1),#top.page-id-3666 .avia-table-2 .pricing-table-wrap:nth-child(4) {
        width: 20% !important; 
    }

    feel free to adjust to suit.

    Best regards,
    Mike

    Hi,
    Ok, to create a new “widget logic” in a post, first go yo your post in the editor, and drag the “widget area” element in to your page.
    2018-04-05_212253
    Then choose the widget area you want to use:
    2018-04-05_212547
    These are the steps you will only need to do once, per post.

    Then in the WordPress > Appearance > Widgets you can create your widget in the widget area, and add the rules the “widget logic” field.
    2018-04-05_213641
    I hope this helps :)

    Best regards,
    Mike

    in reply to: Links and Text in the footer #937980

    Hi,
    Thanks for the information, I now believe that you have created the color section for mobile screens, and wish to have a full screen image for mobile devices. So lets try to see what we can do with this first.
    I modified your code to this:

    @media only screen and (max-width: 989px) {
      #custom-section {
        background-size: cover !important;
      }
    }
    @media only screen and (max-width: 767px) {
    div#layer_slider_1 {
    display:none!important;
    }
    }
    

    This hides your original layout for mobile screen sizes, and changes the background image of your color section to: “cover”, which will “cover” your screen.
    Please see screenshot in Private Content area. This is what I see in mobile.
    The only limitation here is that if you want to show the image full width, you will need a longer image.
    But please clear your browser cache and check the as is size, I think it looks good.

    Best regards,
    Mike

    in reply to: Can't remove a menu item #937977

    Hi,
    I took a look and found that you only have one menu built, and by going to the “Gestionar ubicaciones” tab and for “Enfold Menú principal” choosing: “Menu Principal” solves the strange menu item.
    Please try.

    Best regards,
    Mike

    in reply to: Impossible to comment #937971

    Hi,
    >For a thin outline around the fields:

    #top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select {
        border-color: #000!important; 
    }

    >For all the fields left aligned: they seem this way now?
    >For “change ‘E-mail’ to ‘Mail’” & “changed from ‘Want to join the discussion? Feel free to contribute!’ to ‘’Skriv dine spørgsmål og kommentarer. Vi glæder os til at høre fra dig!”” & “the bottom text be changed from ‘SKRIV KOMMENTAR’ to ‘SEND KOMMENTAR’”
    Please try 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.
    2018-01-17_053252
    >To delete the comments number:

    div.comment_meta_container { display: none !important;}

    Best regards,
    Mike

    in reply to: Links and Text in the footer #937769

    Hi,
    I changed the settings for the mobile layerslider so the canvas is 767px, this will be our max-width:
    2018-04-05_080418
    Now when you look at the editing screen you can see what it will look like as mobile, just stay within 425px for phones.
    2018-04-05_080817
    I also created a test page to view the slider, see Private Content area.
    So, try to change the width of the text and button to match your image above for screen width 425px.
    I see you have a color section under your layer slider, this is the one that is distorted. I guess we will be replacing it with the new mobile layerslider?

    Best regards,
    Mike

    Hi,
    Thanks for the login, I have taken a closer look and found that your “sidebar” is a 1/3 column in your page, which is good, but each page will have to be edited to add the widget, for the first time. But afterward you will only need to edit one place to change all of the widgets. I have done one for you to show you, this is what I did:
    First I added a text widget to your “sidebar blog” area, using only the title and adding this code in the Widget logic area to make it show on every single post in the “italien” category:

    is_single() && in_category('italien')

    2018-04-05_061738
    Then I went to one post, and added the “widget” element to your 1/3 column, selecting the “sidebar blog” as the one to show:
    2018-04-05_062122
    Now it will show on your post, and once you add this same widget area to the other 9 posts in the category, you will be able to edit the one widget to change the text on all of the posts at once.
    2018-04-05_062630
    You can then follow these steps, to add other widgets, for the rest of your categories and posts.

    Best regards,
    Mike

    in reply to: Impossible to comment #937630

    Hi,
    There is no problem that blog posts are made in advanced layout builder, and yes using the child theme is a good plan.
    How a child theme works, is once you install it, it holds all of your customizations and you typically don’t switch between the child theme and the parent theme.
    Before you install the child theme, you will want to export your theme settings to your computer, by going to: Enfold Theme Options > Import/Export > Export Theme Settings File
    Then after you install and activate the child theme, go to: Enfold Theme Options > Import/Export > Import Settings from your Parent Theme
    this will import all of your setting from your parent theme, so your site will look the same.
    Then you may need to clear any cache plugin & browser cache.
    You can read more about using a child theme here.
    If you wish we could take a look for you, please include a admin login in the private content area.

    Best regards,
    Mike

    in reply to: Links and Text in the footer #937579

    Hi,
    The best solution to have a great visitor experience with the layerslider is to create a mobile only version of your slider. Placing the new slider under your current one on the page and using css to hide one or the other depending on the screen size, such as the code below, which will only work if you have two sliders on one page.
    We will be happy to show you how this works if you first create a duplicate slider resized for mobile view.

    @media only screen and (max-width: 767px) {
    div#layer_slider_1 {
    display:none!important;
    }
    }
    
    @media only screen and (min-width: 768px) {
    div#layer_slider_2 {
    display:none!important;
    }
    }

    Best regards,
    Mike

    in reply to: Adjust horizontal space between tab titles #937473

    Hi,
    Please try:

    @media only screen and (max-width: 460px) { 
    #av-tab-section-1 .av-inner-tab-title,#av-tab-section-1 .av-tab-section-icon,#av-tab-section-1 .av-tab-arrow-container,#av-tab-section-1 .av-tab-section-image {
        width: 80px !important;
    }
    #av-tab-section-1 .av-tab-section-tab-title-container {
        padding-left: 25px !important; 
        padding-right: 0px !important; 
    }
    #av-tab-section-1 .av-section-tab-title {
    font-size: 10px !important;
    }
    }
    
    Best regards,
    Mike
    in reply to: Grid layout #937463

    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
    and the video tutorials here
    And if there are features that you wish Enfold had, you can request them and vote the requested ones 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

Viewing 30 posts - 27,961 through 27,990 (of 34,601 total)