Viewing 30 results - 91,021 through 91,050 (of 142,828 total)
  • Author
    Search Results
  • #681588

    Hi,

    This topic was started in june of this year for the record. Could you post a link to your site and try to explain your problem a bit further please?

    Thanks,
    Rikard

    #681585

    Hi @george,

    Ok, thanks for the feedback. Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

    #681584

    Hi Anja,

    Great, glad you got it working and thanks for sharing your solution :-)

    Please let us know if you should need any further help on the topic.

    Regards,
    Rikard

    Hi Niko,

    Great, glad we could help :-)

    Please let us know if you should need any further help on the topic.

    Regards,
    Rikard

    #681526

    Hi Peter,

    Great, glad we could help :-)

    Please let us know if you should need any further help on the topic.

    Regards,
    Rikard

    #681519

    Hi Andy,

    That code performs as expected but ONLY on a desktop. If you view a page with the code on a mobile device – not on a mobile emulator, the code does not get applied. I’ve now tried on an iPhone 5S w/ Safari and a Galaxy S4. Both do the same thing. Though, the S4 seems like it reads the code at first, then reverts back to the original background properties.

    Something is preventing or reverting the code when the physical device is a mobile device.

    I can’t leave your code on the live page, but created a test page noted below: View it on a desktop or emulator and you’ll see the background distort below 479px due to the code you provided (changed to match the page-id). But, if you visit the site from an actual phone, the background does not distort. Showing that the .css property is being applied at the correct media query, but not being applied specifically on a phone.

    • This reply was modified 9 years, 6 months ago by ClapperConsulting. Reason: Clarifying that what the code is doing isn't the issue. The issue is that the code is not applying a device that is a phone
    #681517

    Hey Francesco!

    Thank you for using Enfold.

    This is possible but it will require quite a few modifications. Try to use the “avf_form_autorespondermessage” filter. Or try another plugin like Contact Form 7 or Gravity Forms.

    Related links:
    https://kriesi.at/support/topic/remove-your-message-in-contact-form/#post-676766

    Regards,
    Ismael

    #681511
    hingex
    Participant

    I have a video link in the section background of a color layout section. This video is 13 seconds long and 4.7 MB and resides on my server and plays well on desktop . On mobile devices/IPhone 6,the video does not play

    #681508
    hingex
    Participant

    I reviewed a few posts on how to hide the sticky menu, hide logo on desktop, hide logo on mobile and hiding the shopping cart. After applying the, in Enfold > General styling > Custom CSS , I noticed some discrepancies as below.
    1. When viewing this on mobile, there is a white background at the top where the menu is and this is blocking the first section
    2. When viewing this on a desktop and you scroll hard or fast going up, you will see this same white strip but then it disappears shortly after the scroll stops

    I have included my custom css and site link

    #681507

    Hi,

    The idea is to have two versions of the section, displaying the first one on desktop while hiding the other to be displayed on mobile, vice versa. You can add the css code in the Quick CSS field.

    Best regards,
    Ismael

    #681505

    In reply to: minor meta data

    Hi!

    Google does not recognizes the property blog post as an object of type Blog Posting.

    Did you try this solution? https://kriesi.at/support/topic/the-property-blogpost-is-not-recognised-by-google-for-an-object-of-type-blogpost/#post-679795

    Cheers!
    Ismael

    #681503

    Hi,

    Try to decrease the default width of the columns.

    #top .no_margin.av_one_sixth {
        width: 16.65%;
    }

    Best regards,
    Ismael

    #681496
    atrixdave
    Participant

    Hi Guys,

    First I want to say I love your theme so much…its the only theme I use and a big part of that is your great support. I recommend this theme to everyone!

    I wanted to create a horizontal icon list and I found out how on this thread: https://kriesi.at/support/topic/horizontal-icons-list/

    The only thing I need to know now is how do I center the horizontal icon list on the screen. The link above shows how to float the list left.

    Thanks ahead of time for your help, and keep up the good work!

    Dave

    tvl76
    Participant

    Hi guys,
    I’m refering to post and solution https://kriesi.at/support/topic/masonry-title-from-h3-to-h2/#post-602533.
    It does optically exactly what I need. But I do not want to mess in the av_helper-masonry.php of the parent theme.
    So my question is: How can I control this from the function.php of the child theme.

    Thanks for your support!
    T

    #681490
    wunderdojo
    Participant

    I had a client who wanted infinite scroll for the articles on their site. Found a few posts related to Enfold and infinite scroll but nothing that was a concrete answer for what I wanted to do — using the Avia Template Builder I created a section page (it’s for a magazine) that has a blog posts content block at the bottom. I wanted that block to scroll. Turned out to be fairly simple to implement, posting this here in case it helps others.

    In your child theme’s — you are using one, right ;) — functions.php file add the following:

    
    /** 
     *  Add infinite scroll to section pages like Eat / Drink
     *  Uses https://github.com/pklauzinski/jscroll
     */
    
    add_action( 'wp_enqueue_scripts', 'load_jscroll' );
    
    function load_jscroll(){
        wp_enqueue_script('jscroll', get_stylesheet_directory_uri().'/js/jquery.jscroll.min.js', array( 'jquery')  );
    }
    
    function infinite_scroll() {
        global $avia_config;
            echo '<script type="text/javascript">
                jQuery( ".content" ).jscroll( {
                nextSelector: "span.current + a",
                contentSelector: ".article-grid",
                autoTrigger: true
            } )
            </script>';
    }
    add_action( 'wp_footer', 'infinite_scroll' );
    

    On your page insert your blog posts element with pagination enabled. I gave mine a custom CSS class of article-grid to make it easy to target that portion of the page. In the code above you see the contentSelector parameter — that’s an optional parameter that lets you select only a portion of a page to be appended by infinite scroll. Since my page has lots of items at the top that I don’t want being reloaded as I scroll I use the custom css class to only grab the next batch of articles.

    When you get to the last batch of articles you would normally see the pagination, which I didn’t want. A quick css rule takes care of that:

    
    /** hide navigation since we're using jQuery infinite scroll */
    nav.pagination{
        display:none;
    }
    

    This is a pretty bare bones example. I’m using infinite scroll everywhere so I didn’t limit this to specific pages or content types (which you could easily do by wrapping the infinite_scroll() function in some conditional checks. Ex: is_frontpage() if you only wanted this to apply to the homepage of your site.

    You can grab the js file here: github link as well as see the other options available to you.

    Hopefully that helps someone else get going. Works perfectly for our needs.

    #681479
    duaneleewo
    Participant

    Hi, I am wondering how I can put the social sharing buttons on the bottom of any page of my website? I tried to use a code that I found while researching the topic on the forums, but it doesn’t work when I use it in the advanced layout editor. Thanks

    add_action(‘ava_after_content’, ‘avia_add_social_toolbars’, 10, 2);
    function avia_add_social_toolbars($id = “”, $context = “”)
    {
    if($context == “page” || $context == “single-portfolio” || $context == “product”)
    avia_social_share_links();

    }

    add_filter(‘avf_template_builder_content’, ‘avia_add_social_toolbar_template_builder’, 10, 1);
    function avia_add_social_toolbar_template_builder($content = “”)
    {
    $content .= ‘<div id=”custom_share_box” class=”avia-section main_color container_wrap”><div class=”container”>’;
    $content .= avia_social_share_links(array(), ”, ”, false);
    $content .= ‘</div>’;
    return $content;
    }

    #681471

    Hey Alessandro!

    Please refer to my post here – https://kriesi.at/support/topic/lightbox-for-mailchimp-form/#post-582439

    Regards,
    Yigit

    Thank you. Still I cannot believe that such a basic thing can go through your testing unless it is a special case for my setup. Sorry to say but this proves again that one should never run the latest version of WordPress together with Enfold.

    Edit: I switched to Contact Form 7 now by the help of the link below to get the styling right.
    https://kriesi.at/support/topic/styling-contact-form-7-as-enfold-contact-form/ to get the styling right.

    • This reply was modified 9 years, 6 months ago by dohodoho.
    #681438
    lzevon
    Participant

    This is a follow-up to the ticket here…
    https://kriesi.at/support/topic/increase-last-column-width-site-wide/

    I noticed this negatively impacts the footer (which presently uses 3 columns) – not sure why (since the fix you provided was for 1/5)? Is there a way to isolate your code so it doesn’t impact the footer, or edit any customer footer css I wrote to prevent this from happening? If I remove the code you helped me with the footer looks great (but that far right column is thin again and I want it the way you made it appear).

    Thanks!

    #681433
    jhonney
    Participant

    Hey guys,

    To have the menu centered, I started with [Logo center, menu below], then moved the logo to the left and the menu up so that they align on one line. I need some assistance with:

    1) The header area still has the size of the original content, a gap below the logo and menu. I’d like the container size to adjust to their height of about 50px.

    2) The top bar has some white border lines below and in between the menuitems (only where the header is transparent). Id like to have them removed.

    Thanks!

    #681432
    Alessandro Marengo
    Participant

    Hi guys.
    I installed CF7. I’d like to show a popup including a CF7 form.
    Until I use a text link in order to open that popup, everything is fine.
    I followed this guide.
    But… i’d like to use a call-to-action button in order to open a modal/popup contact form.
    I tried this, but unsuccessfully though…

    <div id="test-popup" class="white-popup mfp-hide">
    [contact-form-7 id="5187" title="Modulo di contatto 1"]</div>
    <a class="open-popup-link" href="#test-popup">[av_button label='Cliccami' link_target='#' size='medium' position='left' icon_select='yes' icon='ue81e' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff']</a>

    When clicking on the button, it reloads the page. :(
    How can I fix this?

    #681430
    zimbo
    Participant

    I’m testing out adding the Tabs element to a page here.

    I want to make the tab_title element into an <h2> so I have this as my Tab Title in the Edit Form Element – <h2>Tab 1</h2> – and I get a tab title as an h2.

    Question – is this the way to do this, or is there a better way? Because…

    Problem: Something is adding <br></br> just before the title and a <p></p> after (although this is not active), which does not happen if I just add a word as the title – how can I stop this code being added, because it increases the height of the tab_titles element, which I don’t want. Note Tab3 does not have an <hx> added and it is normal height.

    #681429

    Hi!

    You can refer to this post – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/ and display different sliders on mobile and on desktop.

    Cheers!
    Yigit

    #681418

    In reply to: customize my post

    Hey neonlights79!

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

    .html_elegant-blog .av-vertical-delimiter { display: none; }
    .html_elegant-blog #top .post-entry .post-title {
        padding-bottom: 0;
    }
    .entry-content h2.p1 {
        word-spacing: 5px;
    }

    Best regards,
    Yigit

    #681387

    awesome thanks!

    any update on this ticket?

    Damn, missed that!

    Thanks very much Yigit, you rock!

    Two birds with one stone, now my css works, you can close this thread also:

    Thanks!

    #681354

    In reply to: Some questions

    Hi,

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

    .iconbox {
        margin-bottom: 10px;
    }
    #top .av-share-box ul {
        max-width: 400px;
        margin: auto;
    }
    .single-post .entry-content strong.your-custom-class:after {
        display: block;
        margin: 0 auto;
        width: 40px;
        border-top-width: 3px;
        border-top-style: solid;
        padding-bottom: 16px;
        content: '';
        border-color: #e2e2e2;
        margin-top: 10px;
    }
    .main_menu { 
    right: 5%; 
    }
    
    

    Then please edit your strong tags that you would like to have bottom border in text tab and change them into
    <strong class="your-custom-class">your texts goes here</strong>

    Best regards,
    Yigit

    Redspire
    Participant

    Hi, I would like to customise the top secondary navigation menu where the login / logout and social links appear.

    I would like to remove the login / logout link and replace this with 4 custom links that link to a page within the websiite.

    Could you tell me the best way to achieve this or what files I should modify?

    Thank you.

    Tommy

    #681329

    Hey changegroup,

    Please change following code

    #top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
    background: #003366;
    color: #b7b7b7 !important;
    font-style: bold;
    border-color: #003366;
    }

    to

    #top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
    background: #003366;
    color: #ffffff !important;
    font-weight: bold;
    border-color: #003366;
    }

    Best regards,
    Yigit

    #681327

    Hi,

    Please try adding following code to Quick CSS

    #top.avia-blank #wrap_all.page-id-25 { display: block; }

    If that does not help, please post the link to your page and a screenshot showing the issue.

    Best regards,
    Yigit

Viewing 30 results - 91,021 through 91,050 (of 142,828 total)