Viewing 30 results - 87,421 through 87,450 (of 142,854 total)
  • Author
    Search Results
  • #718145

    In reply to: Add class to menu link

    Hey M|C,

    When adding class in the menu (via Appearance > Menus) it would be added to li tag, still try to add a unique class to it, for example popup-link-wrap then add this code at the bottom of functions.php:

    function add_custom_script(){
    ?>
    <script type="text/javascript">
    (function($){
    	function myfunction() {
    		$("top").find(".popup-link-wrap a").addClass("your-class-here");
    	}
    
    	myfunction();
    })(jQuery);
    </script>
    <?php 
    }
    add_action('wp_footer', 'add_custom_script');

    Just replace your-class-here with the name of the class you want to use.

    Best regards,
    Nikko

    • This reply was modified 9 years, 3 months ago by Nikko.
    #718141

    Hey mcraig77,

    Try adding this code in Quick CSS (located in Enfold > General Styling):

    .av_one_fifth .av-special-heading {
        margin-top: 12px;
    }

    Let us know if it helps. :)

    Best regards,
    Nikko

    #718140
    pimroll
    Participant

    Hello,

    Can you please tell me, what is the easiest way to place CTA button into the slider http://imgur.com/a/drx1R

    NB: and is it possible to only show it on desktop?

    Thanks.

    Hi,

    Try adding this code in Quick CSS:

    #top .embed-youtube iframe {
        height: 360px;
    }

    If that doesn’t work try using this instead:

    #top .embed-youtube iframe {
        height: 360px !important;
    }

    Hope this helps. :)

    Best regards,
    Nikko

    #718133

    Hi,

    1. Try adding this code in Quick CSS(located in Enfold > General Styling):

    #top #avia-menu .sub-menu, #top #avia-menu .sub-menu li a {
        background: transparent !important;
    }
    
    #top #avia-menu .sub-menu li a {
        color: #fff;
    }

    2. In Enfold > Header > Extra Elements > Phone Number or small info text just use this format:

    <a href="mailto: (Email address hidden if logged out) "> (Email address hidden if logged out) </a>

    Or you can use the one I placed in the “private content”.

    Hope this helps :)

    Best regards,
    Nikko

    #718131

    Hey mcraig77,

    Try adding this code in Quick CSS (located in Enfold > General Styling):

    #top .avia-menu.av_menu_icon_beside {
        border: 0 !important;
    }

    Let us know if it works :)

    Best regards,
    Nikko

    #718125

    Topic: Google Map Key

    in forum Enfold
    BASI-81
    Participant

    Dear Ladies or Sirs

    I want to use the Google Map but I only get a white screen.

    I went to the WP-Backend “Enfold Options” to insert my Google Map Key and expected to see a menu item “Google Services” (below “Newsletter” and above “Shop Options” as my tutorial shows at http://kriesi.at/documentation/enfold/how-to-register-a-google-maps-api-key/ – at the very end of that page).

    I tried to enter the code snippet (as described in https://kriesi.at/support/topic/content-element-google-maps/#post-656399) in the functions.php – no change.

    What did I do wrong?

    thanks a lot

    #718120

    Hi,

    Great, glad you got it working and thanks for sharing. Let us know if you should need any further help on the topic.

    Best regards,
    Rikard

    #718116

    Hi!

    Thank you for the update. Please try the following code in the functions.php file:

    add_action('wp_footer', 'ava_custom_script');
    function ava_custom_script(){
    ?>
    <script type="text/javascript">
    (function($) {
    	function a() {
    		var select = $('#top .entry-content-wrapper select');
    	    select.css('color','#ffffff');
    	    select.change(function() {
    	       var current = $('#top .entry-content-wrapper select').val();
    	       if (current != 'null') {
    	           select.css('color','#000000');
    	       } else {
    	           select.css('color','#ffffff');
    	       }
    	    });
        }
    
    	a();
    })(jQuery);
    </script>
    <?php
    }

    And then add this css code in the Quick CSS field.

    #top .entry-content-wrapper select option {
        color: #000000;
    }
    

    Regards,
    Ismael

    #718103

    Hey saurabhkriya,

    Could you try removing the s from https in the video link to see if that works please? Also, you should probably consider upgrading your WordPress version, it’s a bit old. If you should need any further help on the topic then please post admin login details in private so that we can have a closer look.

    Best regards,
    Rikard

    #718097

    Hey norbou!

    Thank you for using Enfold.

    Please refer to these threads if you want to remove some of the generated thumbnails.

    // https://kriesi.at/support/topic/image-upload-2/#post-614738
    // https://kriesi.at/support/topic/enfold-child-remove-shop_single-shop_catalog-shop_thumbnail-in-functions-php/#post-696928

    Regards,
    Ismael

    Hi Ciaran1212!

    Thank you for using Enfold.

    1.) How did you set the font? This is the style of the nav in the “afistfullofbolts” site. Take note of the font-family property.

    .primary-nav-wrapper nav {
        font-family: Arial,sans-serif;
        font-weight: 700;
        font-size: 14px;
        letter-spacing: .02em;
        font-family: "Courier New","Courier","monospace";
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: .2em;
        font-weight: normal;
        font-style: normal;
        line-height: 1em;
    }
    

    2.) Please go to the Advanced Styling panel, modify the Main Menu Links element and tick the “Apply on hover” option.

    3.) Use the “last-child” selector to adjust the padding of the last menu item.

    #top #header .av-main-nav > li:last-child {
        padding-right: 10px;
    }

    Cheers!
    Ismael

    #718090

    Hi ftlamont!

    Thank you for using Enfold.

    What do you mean by “scrolling menu”? Please provide a link to the page so that we can inspect it. A screenshot will help. If you’re referring to the shrinking header, you can try this in the Quick CSS field.

    #top .header-scrolled .container, #top .header-scrolled .main_menu ul:first-child > li > a, #top .header-scrolled #menu-item-shop .cart_dropdown_link.container.av-logo-container {
        height: 40px !important;
        line-height: 40px !important;
    }

    Regards,
    Ismael

    #718079

    Hi Andy,

    No, I haven’t actually.

    1) How to I increase the background transparency of dropdown links in the Main menu?
    ** It is a little bit transparent – I would like to make the background MORE transparent.

    2) In the small top bar – where the Header Phone Number/Extra Info is – I have an email address in here. How do I make this a link? Using a mailto: just appears as text.
    ** The email address is still just text. I want to make it a LINK so that someone can click on it to send an email.

    #718073

    Also, if we look topics like that:
    https://kriesi.at/support/topic/can-i-customize-the-helper-main-menu-php-under-child-theme/
    – all should works

    • This reply was modified 9 years, 4 months ago by mdxclr.
    #718065

    Hi Andy!

    Thanks for the code. I switched my header to the Top, but the code still did not work. In this image (Example Here, you will notice that I am on the Portfolio Page > Coporate (portfolio gallery), but the Navigation link “Portfolio” is not highlighted/active.

    #718055
    GottaGetEm
    Participant

    Hi there

    I have a button that links to a desktop version of a website. On mobile I would like that link to change to the mobile version of the site.

    (example: http://website.com on a desktop to http://website.com/mobile on mobile devices)

    Can you provide a route to take for this? I have found some options but would rather get the advice from your team.

    Any help would be appreciated.

    Thanks

    P.S.
    same weird symbols appear, when I upload instead a package (ZIP file) like this http://www.flaticon.com/packs/essential-set-2, I always see these strange symbols, when I try to use – for example – the icon box element of the Avia Layout Builder:

    What is going wrong here?
    I’m using WP 4.6.1 multisite (!) and ENFOLD 3.8, upload with Firefox browser on Windows 7.

    What I have tried so far:
    ——————————————————————-
    (1)
    Found someone having similar problem: https://kriesi.at/support/topic/error-uploading-fontello/, but I don’t know how to re-name a ZIP icon pack at http://www.flaticon.com/packs/essential-set-2.

    (2)
    Then I tried this suggestion: https://kriesi.at/support/topic/unable-to-upload-new-fonts-on-latest-enfold-version-3-6/#post-645965
    I used this icon http://www.flaticon.com/free-icon/user_149452, downloaded it, using the .svg file from this download and uploaded it to the fontello generator; downloaded the ZIP file and uploaded it to the ENFOLD’s Icon Manager.
    Same bad result: http://screencloud.net/v/w91C

    Any idea please? Thank you.

    #718041
    Zest
    Participant

    Hi,

    Thanks for a good theme and good support!

    I have similar problems as https://kriesi.at/support/topic/replace-flags-to-lang-name-wpml/
    Just wanted to ask if you perhaps will have a fix for this in an upcoming release?

    I fixed it by hiding all flags and adding another menu in a secondary menu in the top bar. But for some reason it only works on WPML 3.5.2 and not 3.6

    Best regards!

    #718003

    Hi ckwellington!

    Please use the code as following

    .avia-testimonial-wrapper.cw-test-box  { margin-top:0px !important; margin-bottom:0px !important; }

    Regards,
    Yigit

    #717986
    ckwellington
    Participant

    I have tried creating custom class to remove top and bottom margin around testimonial wrapper and can’t get it to work. I have tried many variations of this css code:

    cw-test-box

    .cw-test-box avia-testimonial-wrapper {
    margin-top:0px !important;
    margin-bottom:0px !important;
    }

    Any help you can provide would be appreciated. Thanks!

    #717985

    Topic: Social Profile Icon

    in forum Enfold
    tlchase
    Participant

    I am trying to have the Slack- slack.com icon (it looks like a hashtag- ‘#’) on the social profiles so it appears on the very top of the mobile view and top right in desktop view. Please advise how I can have this icon at the top so the word ‘slack’ appears like it does for other social profile icons.

    Thank you again for all your help!

    #717977

    Hi,

    Try adding this code in Quick CSS:

    #top .av-subnav-menu > li {
        padding: 5px 0;
    }

    If it doesn’t work try adding !important, it should look like this:

    #top .av-subnav-menu > li {
        padding: 5px 0 !important;
    }

    Just adjust the values as you see fit. 5px is for top and bottom while 0 is for left and right. Hope this helps :)

    Best regards,
    Nikko

    #717934
    acscreativenew
    Participant

    Hi,

    So im using the widget area in the ALB to pull in some custom forms per your advice.

    I have one section at the top that is in a color section, that I know pushes down the sidebar and thats fine. After that I have a 1/1 with a widget area inside that. This should be the main content (form) for the page. But when I add it this way the sidebar gets pushes all the way down. Its only doing this with the widget area and the widget I am using. Other content will show up just fine if I test it.

    Any advice?

    #717884

    mobile ist ok.
    desktop ist nicht ok

    #717879

    Hi,

    I’m afraid it won’t be easily possible. You would need to hire a freelance developer for this job. However, you could increase speed in general this way:

    Best regards,
    Andy

    Hi again Ismael,

    thx for your new answers!
    And next time I will create different posts, promised! :-)

    To 1)
    As you can see here (link 1), the new code works fine, but at the moment it
    works only in Safari. It doesn’t work in FF, Vivaldi or Chrome. And of course
    I deleted the cache of the browsers. ;-)
    And unfortunately this other css code doesn’t work correctly, too:
    “.current-menu-item span.avia-menu-text:before { content: ” { “; }
    .current-menu-item span.avia-menu-text:after { content: ” } “; }
    Please compare it with link 2.

    To 2)
    Maybe the color-number was/is not exactly. I changed it. After that it’s better, but
    the word „overview/summary“ has still a flickering effect. That’s what I meant.
    (see link 3)

    To 3)
    This point has not my top priority at the moment, so I come back to it at a later time.

    To 4)
    This point has also not my top priority at the moment, so I come back to it at a later time, too. :-)

    Have a nice week and I’m looking forward to your new answers!

    Best regards
    Carsten

    #717872

    Hi Andy,

    I have started a new thread here:

    Cheers,
    Jangdom

    #717867

    Hi Andy,

    Thanks for your reply. I realize now that some of the links I provided are now out of date. I am frequently updating our website at the moment and this ticket has been going on for a number of days now.

    I will start a new post about this topic as you suggest.

    Grateful for some further help in the new ticket!

    Cheers,
    Jangdom

    #717858
    Emmygraph
    Participant

    Hi,
    I was checking something on the website and the home page is not view fully. Its only showing the Top header and main Menu.
    The inner pages and viewing fine but the Home page is not.
    Please kindly advise on why do you think that is..
    I can send you logins to admin and even FTP if you need.

    Looking forward to your reply,
    Emmy

Viewing 30 results - 87,421 through 87,450 (of 142,854 total)