Forum Replies Created

Viewing 30 posts - 5,641 through 5,670 (of 6,545 total)
  • Author
    Posts
  • in reply to: Center ADD TO CART woocommerce shortcode #664291

    without a link to the site there will be no chance to help you.
    if there was a hidden link – than you have to wait for the mods.
    Sorry

    if it is the same thing like here: http://kriesi.at/themes/enfold-shop/product/casual-collection/

    important for that is to give the whole form.cart a width – otherwise the centering will be not so easy

    form.cart {
        width: 300px;
        left: 50%;
        transform: translate(-50%);
    }
    
    button.single_add_to_cart_button {
        width: 160px !important;
    }
    in reply to: How use 3 logos in header? #664151

    hm sorry i only used svg so for png or jpgs you have to create the output in this way:

    function third_logo($logo) {
    $logo .= '<strong class="logo third-logo"><a href="url3" target="_blank">' ;
    $logo .= '<img src="/wp-content/uploads/logo3.png"/>';
    $logo .= '</a></strong>';
    return $logo;
    }
    add_filter('avf_logo_final_output', 'third_logo');

    but than you have to set a new css rule to display that logo img because we have set all logo img to display none

    .logo.third-logo img {
        display: block;
    }
    • This reply was modified 3 years, 11 months ago by  Guenni007.
    in reply to: How use 3 logos in header? #664149

    ok – here we go:

    this to functions.php of your child-Theme:

    function first_logo($logo) {
    $logo .= '<strong class="logo first-logo"><a href="url1">' ;
    $logo .= file_get_contents("/wp-content/uploads/logo1.svg");
    $logo .= '</a></strong>';
    return $logo;
    }
    add_filter('avf_logo_final_output', 'first_logo');	
    
    function second_logo($logo) {
    $logo .= '<strong class="logo second-logo"><a href="url2">' ;
    $logo .= file_get_contents("/wp-content/uploads/logo2.svg");
    $logo .= '</a></strong>';
    return $logo;
    }
    add_filter('avf_logo_final_output', 'second_logo');
    
    function third_logo($logo) {
    $logo .= '<strong class="logo third-logo"><a href="url3" target="_blank">' ;
    $logo .= file_get_contents("/wp-content/uploads/logo3.svg");
    $logo .= '</a></strong>';
    return $logo;
    }
    add_filter('avf_logo_final_output', 'third_logo');

    you can use png/jpg as well!

    this to quick css ( you have to play with these values because it is dependent on your header givings and logo dimensions etc.)

    div .logo { float: none}
    .logo img {display: none}
    
    .html_header_top.html_logo_center .logo {
        left: inherit;
        transform: inherit;
    }
    .logo.first-logo {
        float: left;
        width: 350px;
        z-index: 4
    }
    .logo.second-logo {
        left: 50% !important;
        transform: translate(-50%) !important;
        z-index: 3;
    }
    .logo.third-logo {
        width: 100%;
        z-index: 2
    }
    .logo.second-logo a {
        width: 450px;
    }
    .logo.third-logo a {
        float: right !important;
        width: 120px;
    }
    .logo.first-logo a, .logo.second-logo a, .logo.third-logo a {
    display: inline-flex
    }

    some settings here are only vor svg use (width of logo a f.e.)

    i decided to go the easy way to set on small screens that only the important logo is shown and the others are on display none

    in reply to: How use 3 logos in header? #663526

    you can see it here in a test environment:

    http://webers-testseite.de/ikom/

    on Small screens these two logos left and right goes to display none. But it might be possible to work with floating and let them go in a row under each other.

    A great advantage of this method is that you can use svg too (and not as a background image) like in the example above.
    And on that you can make some css gimmicks like color changing on hovering by f.e. in my case

    svg#bonn_logo:hover .st0,
    svg#bonnzeit_logo:hover .st0  {
        fill: #060;
    }
    • This reply was modified 3 years, 11 months ago by  Guenni007.
    in reply to: How use 3 logos in header? #663498
    in reply to: How use 3 logos in header? #663492

    i use this one here for two logos ( and it seems that there is no limitation to that on two)

    function first_logo($logo) {
    $logo .= '<strong class="logo first-logo"><a href="http://url1">' ;
    $logo .= file_get_contents("http://path/wp-content/uploads/firstlogo.svg");
    $logo .= '</a></strong>';
    return $logo;
    }
    add_filter('avf_logo_final_output', 'first_logo');	
    
    function second_logo($logo) {
    $logo .= '<strong class="logo second-logo bg-logo"><a href="http://url2" target="_blank">' ;
    $logo .= file_get_contents("http://path/wp-content/uploads/secondlogo.svg");
    $logo .= '</a></strong>';
    return $logo;
    }
    add_filter('avf_logo_final_output', 'second_logo');

    if second logo goes to a new Domain use the target rule to a new Site etc.

    and than some css is used to customise these logos:

    div .logo { float: none}
    .logo img {display: none}
    …

    so the normal logo is not used but 2 new images in the header area.
    on two logos i let them float 1 to the left and the other to the right.

    on Three Logos the third logo has to be centered.


    But what do you want to do with those three logos on responsive case (small screens) etc.

    in reply to: Custom Headers for Woocomerce pages #663481

    btw. you can see these logical operators here:

    http://php.net/manual/en/language.operators.logical.php

    in reply to: Custom Headers for Woocomerce pages #663471

    the point is if ( is_product() )

    see reference here: https://docs.woocommerce.com/wc-apidocs/function-is_product.html

    so you have to combine this rule f.e.:

    function add_banner_before_breadcrumb() {
    	if ( is_product() || is_product_category() )
    	{

    etc.

    if you want different on products and on categories than i think you have to use for each.
    i’m not so familiar with that – so wait till a mod looks to your question if an if elseif case could work.

    add_action('ava_after_main_container', 'add_banner_before_breadcrumb'); 
    function add_banner_before_breadcrumb() {
    	if ( is_product() )
    	{
    		    echo '<h1 style="text-align: center;"><a href="http://www.yourwebsite.com" target="_blank">
    			<img border="0" alt="Banner Name" src="http://www.yourwebsite.com/wp-content/uploads/shop-banner-image.jpg" style="float: left; z-index: 99999; width: 100%;"></h1>';
    	};
    
    	elseif ( is_product_category() )
    	{
    		echo '<h1 style="text-align: center;"><a href="http://www.yourwebsite.com" target="_blank">
    			<img border="0" alt="Banner Name 2" src="http://www.yourwebsite.com/wp-content/uploads/shop-banner-image2.jpg" style="float: left; z-index: 99999; width: 100%;"></h1>';
    	}
    }
    • This reply was modified 3 years, 11 months ago by  Guenni007.
    in reply to: Question mark – Font #663459

    well if you have this try to use html entities instead you know that perhaps from using & for an &

    or use unicode http://www.w3schools.com/charsets/ref_utf_diacritical.asp

    f.e. Citroën

    • This reply was modified 3 years, 11 months ago by  Guenni007.
    in reply to: That is possible to add logo in that way in Enfold? #662433

    btw. the settings of 425px and 280% comes from header options dialog set the header hight to 150px in that case above.
    the png of your logo i created was 425px x 425px but this is not so important.

    425 x 100 : 150 = 283 so i set the height of logo img to 280%

    the hight in percent is important for that shrinking header bevavior. If you have a non shrinking header this does not have an effect.

    in reply to: That is possible to add logo in that way in Enfold? #662420

    for your logo – you can see it here on a test page of mine:

    http://webers-testseite.de/ikom/

    with this settings:

    .responsive .logo {
    display: block
    }
    
    .logo, .logo a {
        overflow: visible;
    }
    
    .logo img {
        height: 280%;
        max-height: 425px !important;
    }

    if you got the png downloaded i change it to my logo again!

    for the responsive case i put at the end of quick css the following code:

    @media only screen and (max-width: 767px){
    .responsive #top .logo {
        height: 210px !important;
    }
    .responsive .logo a {
        display: block;
    }
    .responsive #top .logo img {
        max-height: 210px;
    }
    }
    • This reply was modified 3 years, 11 months ago by  Guenni007.
    in reply to: That is possible to add logo in that way in Enfold? #662412

    yes – the point of that behavior is that overflow setting and the use of a png (or svg) file.

    .responsive .logo {
    display: block
    }
    
    .logo, .logo a {
        overflow: visible;
    }
    
    .logo img {
        height: 180%;
        max-height: 225px !important
    }

    but for responsive case you may be have some more settings
    you can see it in action here http://www.pirol-hifi.de

    in reply to: Search Widget in Header #661155

    well the code might help you – but

    #header .widget {
        width: 280px;
    }

    it does not look good on mobile Versions here – even at your width.
    There has to be some additional settings on that header widget

    in reply to: Menu overlapping with logoon smaller resolutions #661146

    and first of all:
    This : “An Exercise System by Patrick LoSasso …”
    This will be a nice heading in the first image of the slider down the logo.
    Because it seem not to be a real part of the logo.

    Or use this one here : https://abload.de/img/smartxpd-logo23hzde.png

    _______________

    to let the navigation go earlier to mobile Version you can play with the 1280px (change it to your conditions) a bit.

    @media only screen and (max-width: 1280px) {
      .container #advanced_menu_toggle, #advanced_menu_hide {
          display: block;
      }
    .main_menu .avia-menu, #header_main_alternate, .fallback_menu {
        display: none;
    }
    }

    (maybe an “!important” is requiered here)

    or it could be possible to insert the Subscribe and Contact us page to a second navigation and declare this as top navigation. As you can see it here on a different demo : http://kriesi.at/themes/enfold-travel/

    • This reply was modified 3 years, 11 months ago by  Guenni007.

    And – do you have a retina plugin to manage insertion of (Email address hidden if logged out) etc. ?
    try to deactivate it and have a look if this is the reason for that behavior.

    first i thought it does not work because these images are to small to overlay the 80px overlay-image. But there are some images which are bigger (mayo f.e.) but these images are inserted not as the image itself but as a smaller version of the original (Mayo-200×100.png) –
    try to change f.e. the mayo image with its original image and have a look if it works than.

    The column width will do the width limitation for you.

    in reply to: Enfold Megamenu #660517

    by the way here : http://www.pirol-hifi.de/
    is the Listpoint “Aktivlautsprecher” this is a MegaMenu too. These Links of the Column Heading go to pages (but you can choose custom link too) and the “Navigation Label” are images! – and on “Merovinger” i set the mark at “this will start a new row.

    in reply to: Enfold Megamenu #660515

    if you use for your Main Nav Listpoint in your Enfold Menu the mark for Mega Menu this will start the Megamenu Stile.
    Then as your “Heading of the Column” you can use an custom link. If you do not see on the left side of your Menu this point you can make it visible if you go on top of this window there are “Screen Options” of that menu Window. Here you can choose that Menu Window shows different advanced options and what List Points to choose ( Categories, Pages, Posts, Custom Link, Portfolio, etc)

    On That Custom Link you can insert as Linktarget “#” and the next is your “heading” of the column
    so on that example Page these “Example Pages” “Slider” etc. are those Custom Links

    PS: the blue arrow is if you want to give custom css classes even to every Navigation Point

    in reply to: third party google map plugin #660210

    you mean without entering some domains on that point?

    in reply to: third party google map plugin #660013

    Thanks – i will test it today.

    BTW it seems to be important that on the page we register the api key for maps – the server domains are verified!
    if i only put in the server domains down the key :

    this seems to be not enough.

    on top there is a tab to verify the domains:

    in reply to: Events Manager Pro captcha field style #659028

    You are welcome.

    in reply to: H1 avia-caption-title #659025

    OK – scheint ja nun zu klappen

    It works – i see it on your site. Guess it can be closed now

    in reply to: Events Manager Pro captcha field style #658913

    see here : on firebug i can simulate the effect by changing the code of your inline css rule. And this will result in the correct presentation of recaptcha.
    So the point is to place that rule to the last position of loading ( because cascading style sheet)

    in reply to: Events Manager Pro captcha field style #658912

    i only used sometimes the non pro version so i could not help you to find the right position of the css embedded there.

    in reply to: Events Manager Pro captcha field style #658910

    you have to find the css of the event because it seems to overwrite the quick css instruction. (it is set to important too)
    The path to that css rule is on your installation: http://www.dementiawise.com/events/mesa/
    because there are only recaptcha instructions in it it might be a setting of the recaptcha plugin. This might be an inline css code this is loaded last.
    How do you embed the google code (Private key and public key etc) to your wordpress? Via Plugin ?

    i don’t know when custom.css (placed in /wp-content/themes/enfold/css) is loaded. Maybe it helped if you are placing that rule into it. (via ftp download/upload).
    it seems that quick css is loaded before your rule settings on wp-content/themes/enfold/css is loaded.

    in reply to: Events Manager Pro captcha field style #658878

    there is no changing on your css. The value is still set to 45px

    .recaptcha_input_area {
        height: 34px !important;
    }
    
    or 
    
    .recaptcha_input_area {
        height: auto !important;
    }
    • This reply was modified 3 years, 12 months ago by  Guenni007.
    in reply to: Events Manager Pro captcha field style #658716

    And by the way did you changed on quick css the “.recaptcha_input_area ”

    try to find it or set it to:

    .recaptcha_input_area {
        height: auto !important;
    }

    or if auto does not work try it with a value under 34px instead

    in reply to: Events Manager Pro captcha field style #658715

    is it an older google captcha plugin ? because i often integrate the google captcha to contact form 7 and they have now those images to mark to a concerning question.

    in reply to: Image title displaying on Fullwidth Easy Slider #658321

    can you give me a link where this happens – maybe on demo of enfold.

    i think on enfold this is called mfp

    .mfp-title {
        display: none;
    }

    if you want it more specific than you have to set up a custom class for that masonry / gallery etc.

    and if you want to get rid of the whole bar :

    .mfp-bottom-bar {
        display: none;
    }

    to get rid of the tooltip when hovering the image is not an enfold matter – and i think even not a matter of wordpress.
    It is one of the basic functions of browsers to show a tooltip if a title-tag is set.

    • This reply was modified 4 years ago by  Guenni007.
    in reply to: H1 avia-caption-title #658306

    eigentlich sollten da drei Dateien drin sein!

    Alle drei Dateien sind in dem Ordner avia-shortcodes
    und da hast du auch schon deine Antwort drauf, in der Datei wird das Setzen der Tag information geregelt.

    if(trim($title) != "") $title = "<{$custom_title_tag} {$title_styling} class='avia-caption-title' $markup_name>".trim(apply_filters('avf_slideshow_title', $title))."</{$custom_title_tag}>";

    Zeile 423 dann – da siehst du dann, dass die Abfrage aus den beiden anderen Dateien dann hier statt wie vorher h2 nun {$custom_title_tag} seine Entsprechung findet.

    Aber bitte nochmal runterladen, weil ich hinten vergaß, den schließenden Tag auch zu verändern. ( </{$custom_title_tag}> statt </h2> )

    archiv.zip

Viewing 30 posts - 5,641 through 5,670 (of 6,545 total)