Forum Replies Created

Viewing 30 posts - 9,691 through 9,720 (of 11,804 total)
  • Author
    Posts
  • in reply to: Adding Member Login Area In header near social signals #839575

    and here you didn’t mention it that it is a https page: your thread above

    anyway hope it works now.

    in reply to: Adding Member Login Area In header near social signals #839573

    see my site above – i changed it to secondary menu
    left hand phone and extra info
    right hand your link target is new window or tab – and than the social icons.

    if you press on Members Login/Sign Up a new site is opend

    in reply to: Adding Member Login Area In header near social signals #839564

    Or use the secondary menu (Will be displayed if you selected a header layout that supports a submenu here) (Currently set to: headnavigation)

    but even there you have to target the link correct!

    in reply to: Adding Member Login Area In header near social signals #839560

    so where do you link to?
    from the site to the site makes no sense? you said that you link to a login page – what is the url of it?

    you see my example above:

    
    <a href="https://webers-testseite.de/wp-login.php" target="_blank">Member Login/Sign-Up</a>&nbsp;&nbsp;&nbsp; Fon: +49 228 9768293

    it links to the wordpress login area. If you have a different login page tell me where?

    • This reply was modified 8 years, 3 months ago by Guenni007.
    in reply to: Adding Member Login Area In header near social signals #839548

    where is thetarget="_blank" ?

    in reply to: Adding Member Login Area In header near social signals #839542
    
    <a href=”http://hylandgraphics.com” target="_blank">Member Login/Sign-Up</a>
    • This reply was modified 8 years, 3 months ago by Guenni007.
    in reply to: Adding Member Login Area In header near social signals #839536

    btw : looks this way : https://webers-testseite.de left side over the logo

    so you need text instead of an icon – and you allready used the “Header Phone Number/Extra Info” because this is made for that case

    btw. no one hampers you to insert here html text too so this is possible:

    <a href="https://webers-testseite.de/wp-login.php" target="_blank">Member Login/Sign-Up</a>&nbsp;&nbsp;&nbsp; Fon: +49 228 9768293

    same example page on the right side!

    in reply to: Adding Member Login Area In header near social signals #839526

    well you can make your own “social icon link” by doing this to your functions.php of your child-theme:

    function avia_add_custom_icon($icons) {
        $icons['login']  = array( 'font' =>'entypo-fontello', 'icon' => 'ue80b');
        return $icons;
    }
    add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);
    
    function avia_add_custom_social_icon($icons) {
        $icons['Login'] = 'login';
        return $icons;
    }
    add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

    after that you got on enfold – social profiles in the list at the bottom “Login” on the right you can enter a link to whatever you like.

    unfortunately the entypo-fontello has no lock icon – to make it perfect you can create your own fontello font and upload it to enfold.

    • This reply was modified 8 years, 3 months ago by Guenni007.
    in reply to: ipad fix for shrinking header did't work anymore #839213

    if i do it via avia.js and a edited copy of it in child-theme it works ! but the “hook” with the Josue main.js does not work?

    That way you’re technically replacing avia_header_size using a child theme.

    in reply to: WPML and Anchor links in menu #838520

    i do not often look to my own started threads but definitly more than now my response – because i see a “Günter” on the end – so i thought it was my last entry :lol.

    Greatings from Günter to Günter

    in reply to: Infinit Shrinking Header #838503

    when you send me an ok – i switch the my layout back to origin and delete your logo.
    If you need your logo as path – tell me

    in reply to: Infinit Shrinking Header #838496

    have a look to the example page now – this is only your header layout with your logo and the avia.js changings without css – because
    navigation is in the case of nav under logo in header_main_alternate and not in header_main
    .

    so we now can shrink the logo to (nearly) nothing (in my example it is 1px) – it works with logo centered menu below too!
    the values to change depends on your logo size you inserted ! I reconstruct your logo to have it a bit bigger 600px x 120px
    so i set up the initial header size to 120px.

    go and get your avia.js from enfold/js/ folder overwrite lines (if you got the latest enfold):

    old 1553:    if(st < el_height/2) 
    new 1553:   if(st < el_height/1.008)

    1.008 = 120/119 (119px you have to scroll till you reach the endpoint height of 1px)

    and

    old 1565:   newH = el_height/2;
    new 1565:  newH = el_height/120;

    initial height was set from me to 120px – the endheight should be 1px so it is 1/120

    upload that edited avia.js file to the folder: enfold-child/js/ and add to your functions.php file of the child-theme (via dashboard – design – editor):

    add_action( 'wp_enqueue_scripts', 'wp_change_aviajs', 100 );
    function wp_change_aviajs() {
       wp_deregister_script( 'avia-default' );
       wp_enqueue_script( 'avia-default-child', get_stylesheet_directory_uri().'/js/avia.js', array('jquery'), 2, true );
    }

    thats all !

    in reply to: Infinit Shrinking Header #838283

    so on that example above i set now to 300px start point 50px endpoint and try to influence the logo height with an animation to go to zero when setting up the new class header-scrolled-full or header-scrolled.

    so see the result on example page above. : https://webers-testseite.de/elegant/

    this to quick css

    .header-scrolled .logo img {
        transform: scale(0.01);
        transform-origin: center center;
        transition: 0.5s linear
    }
    • This reply was modified 8 years, 3 months ago by Guenni007.
    in reply to: Infinit Shrinking Header #838275

    by the way : if you like to change it in avia.js you can have your avia.js in child-theme js folder and do activate this :

    add_action( 'wp_enqueue_scripts', 'wp_change_aviajs', 100 );
    function wp_change_aviajs() {
       wp_deregister_script( 'avia-default' );
       wp_enqueue_script( 'avia-default-child', get_stylesheet_directory_uri().'/js/avia.js', array('jquery'), 2, true );
    }
    in reply to: Infinit Shrinking Header #838273

    well this is an old thread here i try to explain on :

    https://kriesi.at/support/topic/reduce-sticky-header-size/#post-722364
    and :
    https://kriesi.at/support/topic/reduce-sticky-header-size/#post-724020

    it all is in avia.js file – Kriesi did here choose the absolute easiest value to have because on that case of half height is the endpoint of scrolling it is that special case where the scrolled distance to reach the endpoint of scrolling it exactly the half height of starting height..

    For example if you start with a initial header height of 300 px and you want to reach the endheight of 150px
    Distance to scroll for reaching the endheight is the same

    This code in avia.js is for the shrinkbehavior (since line 1536) :

    var logo            = $('#header_main .container .logo img, #header_main .container .logo a'),
    elements        = $('#header_main .container:not(#header_main_alternate>.container), #header_main .main_menu ul:first-child > li > a:not(.avia_mega_div a, #header_main_alternate a), #header_main #menu-item-shop .cart_dropdown_link'),
    el_height       = $(elements).filter(':first').height(),
    isMobile        = $.avia_utilities.isMobile,
    scroll_top		= $('#scroll-top-link'),
    transparent 	= header.is('.av_header_transparency'),
    shrinking		= header.is('.av_header_shrinking'),
    topbar_height	= header.find('#header_meta').outerHeight(),
    set_height      = function()
    {	
        var st = win.scrollTop(), newH = 0, st_real = st;
    	
    	if(unsticktop) st -= topbar_height; 
    	if(st < 0) st = 0;
    	
    	if(shrinking && !isMobile)
        {
            if(st < el_height/2)
            {
                newH = el_height - st;
                if(st <= 0){
    				newH = el_height;
    		    }
                
                av_change_class(header, 'remove', 'header-scrolled');
                //header.removeClass('header-scrolled');
            }
            else
            {
                newH = el_height/2;
                //header.addClass('header-scrolled');
                av_change_class(header, 'add', 'header-scrolled');
            }

    so what if you like to start at 300px initial height and want to end at 1px header height.
    The distance you have to scroll to reach one pixel is 299px ! Aha – so
    the value you have to insert here to replace is : if(st < el_height/1.0033) factor is 300/299
    the value here on second place to substitute is : newH = el_height/300; factor is 1/300

    see here f.e: https://webers-testseite.de/elegant/

    but this makes no sence – because your navigation needs some height to be seen correct – next example to make it clear
    it all goes arround the factors in line 1553 and line 1565

    you start with a header height of 300px and want to end at 50px
    first value to be replaced is (because distance to scroll is 250px) 300/250 = 1.2 ( be carfull to not make a comma here it is a point for decimal count)
    second value is 300/50 = 6 – so on lines:

    1553 it is : if(st < el_height/1.2)
    1565 it is: newH = el_height/6;

    in reply to: How can I pply CSS to animated numbers on a specific page #837397

    btw with page it is as you say page-id-123

    in reply to: .zip File will not load into the WordPress system #837173

    ok than you have the right file – unzip it – a folder “enfold” was created with ( as you say tons of files and folders) – try to install it via ftp – upload the enfold folder to wordpress/wp-content/themes/

    in reply to: Centering text in new div above footer #837148

    do not forget the css above to quick css (remove the other things you inserted concerning to that issue)

    #cta.container_wrap {
        background: #f8f8f8 none repeat scroll 0 0;
        border-top-color: #dedede;
    }
    
    #cta .container {
        font-size: 36px;
        color: #555;
        padding: 20px;
        text-align: center;
    }
    in reply to: .zip File will not load into the WordPress system #837146

    Probably you have loaded from Envato the whole package (themeforest-4519990-enfold-responsive-multipurpose-theme.zip) – and not the installable zip file. (it contains the documentation, the psd files Licensing Informatin etc. and the installable zip file )

    So you don’t have the need to download the other file – unzip that bigger file.
    it contains again a zip file called enfold.zip this is the file you can upload as installable file.

    But my advise is to make it via ftp – but both should work now !

    in reply to: How can I pply CSS to animated numbers on a specific page #837053

    Try to make you familiar with using developer tools of your browser. In former times only a little plugin called firebug and firefox are good enough to show you all information about the source code.

    click to enlarge:

    nowerdays nearly all (safari likes to aktivate its developer tools) browsers have it implemented.
    Mostly you can have information by right-mouse button (context menu) and choose something like “examine the element” on my firebug it looks this way f.e.

    i have my mouse over your nick here “AlfredoS” on board – using now my firebug opens a new window with on the left html-structure and on the right css rules concerning to that element. On top the more specific – on the bottom the inherited rules .
    So here we see you nick here on board is an anchor with class bb-author-name – on the right you see that font-size is 12px and line-height is 16px

    scrolling on left window-part (html-structure) to top we see that this body has the ID=top and the class is : postid-836358

    etc. pp no magic just reading what happens on the code

    in reply to: Foto soll in den Advanced Layer Slider überlappen #836936

    sollte dir das hier gefallen, und auch wie es sich bei kleinen Screenweiten verhält, so sag bescheid, dann schreibe ich hier wie!

    https://webers-testseite.de/be/

    in reply to: Centering text in new div above footer #836825

    where did you inserted your code above ? because there is no p tag in your code – so where did it come from in the about page f.e. ?

    if you use my code in functions.php of your child-theme it will affect all pages and post

    function custom_before_footer_div() {
    ?>
    <div id="cta" class="container_wrap">
       <div class="container">
          Phone:  248.649.8604
       </div>
    </div>
    <?php
    }
    add_action('ava_before_footer' , 'custom_before_footer_div');
    in reply to: H1 is forced uppercase #836820

    And by the way you are thinking a bit complex.
    Why do you choose capitalize and than make some span in it to go to lowercase, when you can choose for text-transform: none
    That means the letters will show like you have entered them – big letters are big and vice-versa small are small

    so that means one additional rule (maybe with !important ) to overwrite the uppercase instruction.

    If you have your h1 allways in text-block elements ( the slider headings and heading from alb are not influenced) you can make your own rule via quick css

    h1 { text-transform: none !important }
    

    or you can use the advanced styling option ( Dashboard – Enfold – Advanced Styling) to set up the h1 rule with the possibility to set up here font-weight, letterspacing, color, font-family etc. pp.

    The headings of sliders are not influenced because the rules are more specific than the simple h1 is. – means there are f.e:

    .template-page .entry-content-wrapper h1

    allthough the h1 rule is set to important the more specific rule above is not influenced by overriding through it.

    • This reply was modified 8 years, 3 months ago by Guenni007.
    in reply to: H1 is forced uppercase #836651

    show me a link to a h1 without inline css – than i try to help you.

    btw: how do you set up inline css for heading alb element? or in a slider the headings ?

    in reply to: Centering text in new div above footer #836643
    #cta .flex_column {
        text-align: center;
    }

    _____________

    by the way – enfold offers a lot of possiblities to hook.
    on footer php there is the do_action( 'ava_before_footer' ); so it could be a bit simpler to use this:

    for child-theme functions.php

    function custom_before_footer_div() {
    ?>
    <div id="cta" class="container_wrap">
       <div class="container">
           248.649.8604
       </div>
    </div>
    <?php
    }
    add_action('ava_before_footer' , 'custom_before_footer_div');

    for quick css

    #cta.container_wrap {
        background: #f8f8f8 none repeat scroll 0 0;
        border-top-color: #dedede;
    }
    
    #cta .container {
        font-size: 36px;
        color: #555;
        padding: 20px;
        text-align: center;
    }
    in reply to: H1 is forced uppercase #836619

    please give us a link to page where you used h1. I do not find after several klicks – all uppercase headings i found are h2 ones.
    Sometimes those settings are made in demos via the enfold (or enfold-child) – advanced styling.
    But to have a detailed look the direct link would be nice

    f.e. you got a rule ( i do not see where it comes from – because i guess you are using a minify tool) :
    on that page: https://www.gardenstateloans.com/definitions/

    .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
        text-transform: uppercase;
    }

    change uppercase to none (maybe !important is necessary)

    ___________

    btw. the dingdong sound would keep me away from watching the site.

    the thing is that portfolios do not have .portfolio-id-xxx as custom posts they got .postid-xxx
    try to look to your source code – maybe i’m not right – but i think this is your fault

    so if your id is right try it with:

    .postid-1654 span.avia-single-number {
    letter-spacing: 1px;
    font-family: “avant-garde-pro-bold”;
    font-size: 10px;
    color: #dfe0e1;
    }

    ok – i think this is the propper version of doing it:

    this to funktions.php of your child-theme:

    add_filter( 'wp_nav_menu_items', 'avia_append_search_nav', 10, 2 );
    function avia_append_search_nav ( $items, $args )
    {
    		if ((is_object($args) && $args->theme_location == 'avia') || (is_string($args) && $args = "fallback_menu"))
    	    {
    	        global $avia_config;
    	        ob_start();
    	        get_search_form();
    	        $form =  htmlspecialchars(ob_get_clean()) ;
    
    	        $items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown menu-item-avia-special">
    							<a href="?s=" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'><span class="avia_hidden_link_text">'.__('Search','avia_framework').'</span></a>
    	        		   </li>';
    	    }
    	    return $items;
    }

    if you like you can style it afterwards with quick css !

    and !!! you have to unstick the “Sticky Sidebar menu” – because the ajax searchresult preview is sometimes longer – so you have to be able to scroll down

    i’ve been looking for a hook into the main-menu itself now – but that was my first view attempt.

    i just switched my layout to left main menu – and i found a hook we can use for that in helper-main-menu.php

    this to child-theme functions.php

    add_filter( 'ava_inside_main_menu', 'avia_append_search_nav_mod');
    function avia_append_search_nav_mod()
    {
              global $avia_config;
              ob_start();
              get_search_form();
              $form =  htmlspecialchars(ob_get_clean()) ;
              $items .= '<div id="menu-item-search">
                  		<a href="?s=" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'><span class="avia_hidden_link_text">'.__('Search','avia_framework').'</span></a>
                     	</div>';
        echo $items;
    }


    and that to quick css
    ( play a bit with the values):

    #top #menu-item-search {
        margin-left: 15%;
        width: 70%;
        z-index: 100;
    }
    
    .avia-search-tooltip.avia-tt {
        left: 110px !important;
        position: relative;
        top: 5px !important;
    }
    
    .avia-search-tooltip .avia-arrow-wrap {
        left: 20px !important;
    right: inherit
    }

    looks this way – click to enlarge:

    • This reply was modified 8 years, 3 months ago by Guenni007.
Viewing 30 posts - 9,691 through 9,720 (of 11,804 total)