Viewing 30 results - 6,631 through 6,660 (of 11,218 total)
  • Author
    Search Results
  • Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #lpdown a.avia-button {
        font-size: 18px;
    }
    

    Best regards,
    Yigit

    #704813
    npmorante
    Participant

    Hello

    1) I wanted to know how I can use google fonts in other paragraphs.
    I use “Quicksand” across the page.
    The only way I’ve found is shitting source from the drop-down css because of paragraph (enfold menu) lets not select “Quicksand” (on the menu of heading yes you can). Is there any way to do this without adding CSS?

    The CSS is making slow my page, so I want to use the minimum code.

    2) On the other hand. I would like to know the correct size (in pixels) must have images using the demo “enfold GYM”:

    width and height of images Slide.
    Width featured images
    Blog Column Width … etc.

    What size deverian have on this template (gym) to be optimized?
    I searched the documentation, but I have not found anything.

    3) I used “enfold GYM” to build my website. but without applying any changes, nor any plugin installed … the page speed is very slow. An average of 5 seconds to load! Is a long time, I think enfold does not behave well with speed. Is there any solution from the template itself?

    I think “php7” could help. Enfold supports php7 correctly?

    4) Is there any way to make a button there will be a media file with lightbox? I mean a botton (not an image) can open a medium (eg a youtube video) in a lightbox. Without having to go to the link of the file on youtube or on my server.

    Regards, and thank you very much

    #704571

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
        color: orange;
        background: blue;
        border-color: green;
    }
    

    To change font size, please go to Enfold theme options > Advanced Styling and edit “main menu links”.

    Best regards,
    Yigit

    #704550

    In reply to: custom button

    Hi,

    Please edit your color section element where you have your newsletter subscribe section and give it a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png

    And then add following code to Quick CSS in Enfold theme options under General Styling tab

    #your-unique-id input.text_input {
        background: #ae482a!important;
        color: white!important;
        border: none!important;
    }
    #your-unique-id input.button {
        color: #c3512f!important;
    }
    input.button:hover {
        background: #f2f2f2!important;
    }
    

    Adjust colors as needed :)

    Best regards,
    Yigit

    #704453

    Never mind, found out myself what was going on (not really understanding it though): adding an else statement at the end did the trick!

    add_filter( 'avf_template_builder_content', 'enfold_customization_portfolio_next' );
      function enfold_customization_portfolio_next( $content )
      {
      	if ( is_singular( 'portfolio' ) )
        {
      	$content .= '<div class = "oha-portfoliobuttons"><ul><li>';
      	$content .= get_previous_post_link( '%link' );
        $content .= '</li><li>';
      	$content .= get_next_post_link('%link');
        $content .= '</li></ul></div>';
      	return $content;
      	}
        else {
      	return $content;
        }
      }
    #704404

    Hey!

    You can go to Appearance > Menus and add your button as a new Custom Link and then choose to display button style.
    If you would like to add a widget area to your header, please refer to this post – http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

    Cheers!
    Yigit

    #704370
    Crossfitbsa
    Participant

    Hi, first i would like to say, I love Enfold. However, I am having several issues with the way my site is displayed on mobile. I’ve read all the threads on this, and tried several codes, however, nothing has worked.

    Here’s what I would like to achieve, follow by an example of what I would like the end result to look like:

    1. Easy slider to take up the whole page on mobile, as it does on desktop. Currently, it’s full width, but only on the top portion of the screen on mobile.

    2. Mobile menu buttons to display in a way that it is visible (right now it is transparent, and I can’t seem to change it) – also I would like it not to appear on the top of the main image when the menu button is selected, as it is currently doing.

    3. Easy access CTA “email” and “call” buttons on the bottom of the viewing screen.

    All of the above examples are viewable on this site in mobile view; nc.fit.

    Here is my site to show the problems I am having in mobile view: http://8a0.148.myftpupload.com/

    Please advise. Thank you.

    #704247

    Hi there,

    i’d like to add some clarification and another question here. I also want some text based buttons for prev / next portfolio items.
    i added this code to my child-theme function.php

    
    add_filter( 'avf_template_builder_content', 'enfold_customization_portfolio_next' );
      function enfold_customization_portfolio_next( $content )
      {
      	if ( is_singular( 'portfolio' ) )
        {
      	$content .= '<div class = "oha-portfoliobuttons"><ul><li>';
      	$content .= get_previous_post_link( '%link' );
        $content .= '</li><li>';
      	$content .= get_next_post_link('%link');
        $content .= '</li></ul></div>';
      	return $content;
      	}
      }
    

    and it works as wanted on single portfolio pages
    BUT
    removes all content from other parts of the website.
    The main menu is still there, but no other page is visible.
    (this might be what lucasvrooij meant with “blank pages” here https://kriesi.at/support/topic/portfolio-nextprev-buttons-in-page/#post-512693 )
    So maybe something in this
    if ( is_singular( 'portfolio' ) )
    is not properly working?

    Best,
    Philipp

    #704066

    In reply to: Change button font?

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    body div .avia-button {
        font-family: 'Caveat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }

    Regards,
    Yigit

    #703976

    Hi,

    Thanks Dick, I have added this class on the slider buttons-hide-mobile and hide-desktop the 2 buttons. Then added these codes in Quick CSS (located in Enfold > General Styling):

    .hide-desktop {
        display: none;
    }
    
    @media only screen and (max-width: 767px) {
      .hide-desktop {
        display: block;
      }
    
      .buttons-hide-mobile .avia-button {
        display: none !important;
      }
    
      .home #after_full_slider_1 .av-content-full {
        padding-top: 10px;
      }
    
      .avia-button-wrap.hide-desktop a.avia-button {
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding: 8px 18px;
        margin-bottom: 12px;
      }
    }

    Let us know if this is good on your end also :)

    Best regards,
    Nikko

    #703649
    Martin
    Participant

    Hi. First of all I want to say Enfold is an awesome theme.

    Now to my question:

    I have a color section with a background image. In the center of the color section I have a special heading. In the color section, I also want to add buttons at the bottom. How can I do this? If I use whitespace, the special heading will not be centered anymore. Any tips?

    #703607

    In reply to: Icon size in button

    Hi,

    Please replace it with the following css code.

    #top .avia-button-fullwidth {
        font-size: 2em;
        line-height: 2em;
    }

    Turn on the custom css class if you want to apply this modifcation to a specific button or element.

    // http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Best regards,
    Ismael

    Hey!

    Please refer to this post – http://kriesi.at/documentation/enfold/display-footer-menu-scroll-to-top-button-on-mobile/
    If that too does not help, please create a temporary admin login and post it here privately.

    Regards,
    Yigit

    Hi,

    Try the following:
    1. Install this plugin: https://wordpress.org/plugins/simple-image-sizes/
    2. Go to Settings > Media
    3. Change the widget image size (increase its width / height).
    4. Regenerate the thumbnails by clicking the button at the bottom.

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .news-thumb img, .news-thumb img {
        width: 44px;
        height: 44px;
    }
    .news-thumb {
        height: 52px;
        width: 52px;
    }
    
    .single-post #main img:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    .single-post .image-overlay {
        display: none!important;
    }
    .single-post #main img {
        -webkit-transition: all 1.7s cubic-bezier(0.230, 1.000, 0.320, 1.000);
        transition: all 1.7s cubic-bezier(0.230, 1.000, 0.320, 1.000);
    }
    

    Best regards,
    Yigit

    Hey ecoworld76,

    1. I can’t see any overlapping on ipad, the phone number is displayed over it. Did you manage to get it working already?

    2. Please try adding a widget to the header area: http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

    3. There is nothing like that in the theme by default so you would have to use a third party plugin, if you search here I’m sure you will find something to fit your needs: wordpress.org/plugins

    4. Not sure what you mean by that, do you mean the number you have on there already or the button you want to add in question 2?

    5. Not really sure what you mean by that either, the full width slider is just that, full width, so I would say the short answer is no, but feel free to explain a bit further.

    Best regards,
    Rikard

    #702913

    Hi,

    We are very sorry for the late response. Please refrain from bumping or replying to your own thread because it gets pushed back to the end of the queue and moderators won’t be able to provide a response immediately. Please be patient while we go through the rest of the queue. Thank you for your understanding.

    1.) If you want the “color line” to return, please add this code in the Quick CSS field.

    .av_minimal_header .avia-menu-fx {
        display: block;
    }

    Or set the Enfold > Header > Header Layout > Header Style to default.

    I like the overlay on image buttons to be visible on all display resolution, no matter how small is button

    2.) Could you please provide a screenshot of the issue? Or send us a link to the actual page with the buttons.

    Best regards,
    Ismael

    #702800
    sander_eyedetail
    Participant

    Hello,

    When pressing the “Click here to enter an address.” button I get the following error in my javascript console:
    ReferenceError: event is not defined: event.preventDefault();

    Located in:

    themes/enfold/framework/js/conditional_load/avia_google_maps_widget.js?ver=1.0.0

    Line 39

    The expected action does not happen (pop up to enter the address doesn’t show, nothing happens)

    The error comes from these lines:

    $(".avia-coordinates-help-link").on('click', function() {
                event.preventDefault();
    
                avia_google_maps_widget_container = jQuery(this).parents('.widget-content');
                avia_google_maps_widget_container.find(".avia-coordinates-help-link").hide();
                avia_google_maps_widget_container.find(".avia-coordinates-wrapper").hide();
                avia_google_maps_widget_container.find(".avia-find-coordinates-wrapper").show();
            });
    
            $(".avia-populate-coordinates").click(function() {
                event.preventDefault();
    
                avia_google_maps_widget_container = jQuery(this).parents('.widget-content');
                var streetAddress = avia_google_maps_widget_container.find(".avia-map-street-address").val(),
                    city = avia_google_maps_widget_container.find(".avia-map-city").val(),
                    state = avia_google_maps_widget_container.find(".avia-map-state").val(),
                    postcode = avia_google_maps_widget_container.find(".avia-map-postcode").val(),
                    country = avia_google_maps_widget_container.find(".avia-map-country").val();
    
                avia_google_maps_widget_container.find(".avia-loading-coordinates").show();
    
                var addressGeo = streetAddress + " " + city + " " + state + " " + postcode + " " + country;
                avia_fetch_coordinates(addressGeo);
            });

    As far as I can see, it can be fixed by using event as parameter in the anonymous functions like so:

    $(".avia-coordinates-help-link").on('click', function(event) {
                event.preventDefault();
    
                avia_google_maps_widget_container = jQuery(this).parents('.widget-content');
                avia_google_maps_widget_container.find(".avia-coordinates-help-link").hide();
                avia_google_maps_widget_container.find(".avia-coordinates-wrapper").hide();
                avia_google_maps_widget_container.find(".avia-find-coordinates-wrapper").show();
            });
    
            $(".avia-populate-coordinates"ck(function(event) {
                event.preventDefault();
    
                avia_google_maps_widget_container = jQuery(this).parents('.widget-content');
                var streetAddress = avia_google_maps_widget_container.find(".avia-map-street-address").val(),
                    city = avia_google_maps_widget_container.find(".avia-map-city").val(),
                    state = avia_google_maps_widget_container.find(".avia-map-state").val(),
                    postcode = avia_google_maps_widget_container.find(".avia-map-postcode").val(),
                    country = avia_google_maps_widget_container.find(".avia-map-country").val();
    
                avia_google_maps_widget_container.find(".avia-loading-coordinates").show();
    
                var addressGeo = streetAddress + " " + city + " " + state + " " + postcode + " " + country;
                avia_fetch_coordinates(addressGeo);
            });
    rlhinirv57
    Participant

    Hello Enfold Team,

    Looking at any post in text view, I see multiple instances of the following code have mysteriously been added to the page. I can easily delete this, but any ideas regarding why this is happening? It’s a recent occurrence; I’ve now licensed Enfold for multiple sites and haven’t noticed this before now. Is it a WordPress thing, or perhaps happened with the recent Enfold update? Not a serious issue, more of an annoyance.

    Code Example – fyi, I usually see 4 or 5 copies of this at the bottom of each new post:
    <span style=”border-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; font: bold 11px/20px ‘Helvetica Neue’,Helvetica,sans-serif; color: #ffffff; background: #bd081c no-repeat scroll 3px 50% / 14px 14px; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer; top: 2218px; left: 20px;”>Save</span>

    Thanks in advance for responding!

    #702276
    combra
    Participant

    Hey,

    I want to add trusted shop logo + some text on cart, maybe below table of “Summe” and before button “Weiter zur Kasse” or beside the table.

    Can you give me some love? :)

    Best regards
    Alex

    #702096

    In reply to: Load more button

    Hey Davipar,

    Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and edit your button element (which will be used as toggle button for your section) and give it “accsb” custom class.

    Then edit your Color Section element and give it a unique ID “accs”.

    Then add following code to Quick CSS in Enfold theme options under General Styling tab

    #accs { display: none; }

    And finally, add following code to Functions.php file in Appearance > Editor

    function avia_custom_accs(){
    ?>
     <script>
    jQuery(window).load(function(){
            jQuery('.accsb a').click(function() {
                    jQuery('#accs').slideToggle("fast");
            });
    });
     </script>
    <?php
    }
    add_action('wp_footer', 'avia_custom_accs');

    Best regards,
    Yigit

    ecoworld76
    Participant

    Hi,

    I have bought the Enfold theme and it is absolutely brilliant theme so easy to use. Especially because I have very limited knowledge of building websites.

    I have build the following website

    http://www.eco-world.co.uk

    I have the following question related to the theme.

    1). I managed to add the phone number into the header and it displays correctly on desktop and mobile view but it doesn’t display correctly on iPad. It is overlapping the logo.

    Please can you let me know how can I make it so that it displays in the middle or at the top like it shows on the mobile view.

    2). Add a button in the header with title “Free Quote” and link it to a page.

    3). Pop up display when the website is launched with an offer and with the option to close. Once you close it it take you onto main website.

    4). Phone button on the mobile view only

    5). Can I split the full width slider into two sections half for text and half for image for mobile view only.

    Please bear in mind that I do not have any experience of coding or programming.

    Your advice and help will be very much appreciated.

    Thanks very much in advance.

    #701943
    MaktubJolie
    Participant

    Hey guys, i found one Topic for that problem here, but it was closed.
    I tried 3 ways to remove that scroll to top

    added the following two in Quick CSS:

    #scroll-top-link { display: none !important; }
    #scroll-top-link {display: none; }

    and tried it with the custom.css file and filezilla.

    plus tried to Comment the main Enfold: dynamic-css.php (css/dynamic-css.php FILE
    with /**/

    on that line:
    #scroll-top-link:hover{ background-color: $bg2; color: $primary; border:1px solid $border; }

    But it doesnt work neither of them above.

    Hope you can help.

    it is for http://www.repair-doc.de

    its the landing page.

    hope you can help.

    thanks in advance

    #701876

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    div .widget_shopping_cart .buttons a {
        float: left;
        width: 100%!important;
        margin-top: 10px;
        text-align: center;
    }
    

    Best regards,
    Yigit

    #701592
    mmagnani
    Participant

    Hi!

    I need a page with a tabbed container with no tab titles. This way, each tab content would be selected by links or buttons inside it.

    The tab_titles div I can hide with CSS and a link with href="#tab_id" works fine for changing tabs.

    However… the page must be shown in a Ajax popup, with the same Magnific Popup script Enfold uses. Inside that popup, links to other tabs will instead close the popup and open the Ajax loaded page.

    This way, how to select a tab with no tab titles and not using links with href="#tab_id"?

    I see that most of tabs logic is built in shortcodes.js and I am thinking if a simple JS code or a specific HTML markup would do the trick. A similar issue seems to have been solved in this topic.

    Thanks!

    Illustration

    #701521

    thanks the trigger works ! now how can i style it the same as the default enfold button?

    #701515
    yingyang
    Participant

    My chat plugin needs me to add this code to the footer.php (i did that)

    <script>
    // Chatra widget code
    </script>
    
    <script>
    jQuery(function () {
        // Bind event on button click
        jQuery('#custom-chatra-button').on('click', function() {
            // Open chat and focus input field
            Chatra('openChat', true);
        });
    });
    </script>

    Then add this code to the button that would trigger the chat window to open, i’m not sure how to add this to my enfold button

    <!-- Custom button anywhere on the page -->
    <button id="custom-chatra-button">Open chat window</button>

    See private for where the button is

    HI nikko – I feel a bit more confused now.
    here;s another test I just did.

    I used ALB for blog post edit.
    Sidebar is set as Enfold child default
    so the sidebar works fine. I dont need
    to put content in 2/3 and 1/3-widget-sidebar
    areas as you said.
    the only problem I find when using ALB
    is that Iose featured image at top and
    share buttons, tags etc at bottom – why is this?

    See this screenshot to illustrate the the problem.
    http://screencast.com/t/opNXveBM

    For the top yellow bar I put it inside a 1/1 section and it works ok.
    the bottom yellow bar is not inside a 1/1 section and it spreads across the screen incorrectly.

    Feel free to login and check with the credentials i gave you .

    the new blog post I am using to test this is listed below in private area.

    I look forward to your thoughts.

    thanks

    Pete

    #701372

    Thanks,
    I want to go for different elements for different devices. I added the same two buttons to the home page. The buttons on the foto I would like only to show on desktop and tablet and the buttons below I would like to show only on mobile. The buttons are made with the enfold Button element. Can you give me codes for that? thanks in advance.
    Dick

    #701317

    Hi,

    Texts on buttons are a little bit too long to display them side by side on mobile. Would you consider displaying different elements on mobile and on desktop? If you would, please refer to this post – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/

    Best regards,
    Yigit

    #700807
    FlukePhotography
    Participant

    Hi, I’m working on my site linked separately

    on the home page on the fullscreen slider at the top, there are two images which scroll, the first one has a pink button in the caption saying ‘watch video’ – at present, the link sends me to youtube where the video is hosted, however I’d like it to open a video lightbox without having to leave my site. I know it’s possible to have the video play as the slider scrolls through but as it’a a longer video but I’d like visitors to choose if they want to watch it rather than it play automatically because I think a 2 minute video playing all the time might get annoying.

    Cheers :)

Viewing 30 results - 6,631 through 6,660 (of 11,218 total)