Forum Replies Created

Viewing 30 posts - 10,441 through 10,470 (of 11,481 total)
  • Author
    Posts
  • in reply to: Add a secondary logo in the header on the right side #676479

    i do not see your site – so i can not help you –
    i mentioned above that i have made this for my solution for ipad landscape. This depends on the logos and the logo width.

    so play a bit with those values of logo width.
    And a good advice is to make the images the same size on your graphic program.

    • This reply was modified 8 years, 10 months ago by Guenni007.
    in reply to: integration problem #676407

    ok – i see you did it in a code block – that is ok too
    the code you need is then:

    .page-id-740 .avia_codeblock {
        height: auto;
        padding-bottom: 65vh;
        position: relative;
        width: 100%;
    }
    
    .page-id-740 .avia_codeblock iframe {
        height: 100% !important;
        left: 0;
        position: absolute;
        top: 0;
        width: 100% !important;
    }

    i did it site-specific because i don’t know if you have elsewhere some iframes

    in reply to: integration problem #676290

    and try this here first – i think browser-compatibility of vh and vw (screen-height and screen-width) is big enough !
    this works better on small screens too !

    .embed_iframe .avia_textblock p {
        position: relative;
        height: 0;
        padding-bottom: 65vh;
        overflow: hidden;
        width: 100%;
        height: auto
    }
    
    .embed_iframe iframe {
        height: 100%;
        left: 0;
        position: absolute !important;
        top: 0;
        width: 100%;
    }
    in reply to: integration problem #676255

    you can click on the images to zoom in:

    the iframe code comes into an text-block element in a Container (in this case a 1/1 container)

    Do not forget to save all those elements after inserting code snippets

    Press on edit text-block element:

    This is the place where the iframe code comes to – and please goto Text-Modus when editing

    This code (not the iframe code) comes into quick css:

    in reply to: integration problem #676099

    the thing is that this is not the correct url.

    Try this :

    <iframe src="http://www.novafriburgoacidadequequeremos.com.usrfiles.com/html/cee4aa_e5e645abd11a757393a6c5b9893d821b.html" width="100%" height="100%" scrolling="no"></iframe>

    you can than use a little css trick to get a good height for you iframe.
    (i did the ifram in a 1/1 – text container) the 1/1 i gave a custom class: embed_iframe

    .embed_iframe .avia_textblock p {
        position: relative;
        height: 0;
        padding-bottom: 56.25%;
        overflow: hidden;
        width: 100%;
        height: auto
    }
    
    .embed_iframe iframe {
        height: 100%;
        left: 0;
        position: absolute !important;
        top: 0;
        width: 100%;
    }

    see here: Link

    • This reply was modified 8 years, 10 months ago by Guenni007.
    in reply to: Circular Icons (as on kriesi.at homepage) #676006

    btw. you can reach similar successes only with enfold functions and a bit css !

    See here: http://webers-testseite.de/ikom/circles/

    • This reply was modified 8 years, 10 months ago by Guenni007.
    in reply to: Stretching Picture to Edge of screen? #675596

    on the third 1/3 cell there is no image inserted:

    A background-image by default has no height!
    The container height is determined by the content and the padding!
    it is not determined by background!
    accept – you declare a background-size

    Link to Edit Cell Image

    as you can see – if you don’t want to give that cell a custom css – and if you don’t want to have any other content in that cell – you can manage it by setting up top and bottom padding high!

    The better way seems to be you give those cells (the first will be enough – because cells are displayed table-cell) a custom class
    http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    and make for those cells a quick css rule
    f.e.

    .cellwithoutcontent { 
    height: 40vh !important
    }
    • This reply was modified 8 years, 10 months ago by Guenni007.
    in reply to: Ubermenu or Megamenu for this objective? #675489

    i wrote to chris because (see code text above) on his turorial for integrating ubermenu3 to enfold he made that little mistake.

    If you look now to that tutorial he has removed that little curly bracket which causes some misleading interpretation on what to replace in original code.

    in reply to: Stretching Picture to Edge of screen? #675487

    @fusiontechnic : i did not see any background image in that section- i quess you removed it.

    in reply to: Stretching Picture to Edge of screen? #675486

    Grid Row Background-Images! there is no Content in it so you only see those 30px each on top and on bottom height.

    So if you like to insert those images as background-image with no content in it you can play with padding top/bottom

    on you about us page i can not see that you have set “stretch to fit” option in enfold dialog.

    in reply to: Ubermenu or Megamenu for this objective? #675055

    First of all there is a little mistake in that tutorial:

    The code to substitute is this (without that last curly bracket !) because Enfold does not have here a curly bracket there !

    $output .= "<nav class='main_menu' data-selectname='".__('Select a page','avia_framework')."' ".avia_markup_helper(array('context' => 'nav', 'echo' => false)).">";
            $avia_theme_location = 'avia';
            $avia_menu_class = $avia_theme_location . '-menu';
            $args = array(
                'theme_location'    => $avia_theme_location,
                'menu_id'           => $avia_menu_class,
                'menu_class'        => 'menu av-main-nav',
                'container_class'   => $avia_menu_class.' av-main-nav-wrap'.$icon_beside,
                'fallback_cb'       => 'avia_fallback_menu',
                'echo'              =>   false,
                'walker'            => new avia_responsive_mega_menu()
            );
     
            $main_nav = wp_nav_menu($args);
            $output .= $main_nav;
             
           
        /*
        * Hook that can be used for plugins and theme extensions
        */
        ob_start();
        do_action('ava_inside_main_menu'); // todo: replace action with filter, might break user customizations
        $output .= ob_get_clean();
         
        if($icon_beside)
        {
            $output .= $icons;
        }
             
        $output .= '</nav>';
     
        /*
        * Hook that can be used for plugins and theme extensions
        */
        ob_start();
        do_action('ava_after_main_menu'); // todo: replace action with filter, might break user customizations
        $output .= ob_get_clean();

    but the code you have to insert is ( with that last curly bracket !)
    logic misleaded me first because i thought i had to make it from semicolon to semicolon

    if( function_exists( 'ubermenu' ) ){
        $output.= ubermenu( 'main' , array( 'theme_location' => 'avia' , 'echo' => false ) );
    }
    else{
        $output .= "<nav class='main_menu' data-selectname='".__('Select a page','avia_framework')."' ".avia_markup_helper(array('context' => 'nav', 'echo' => false)).">";
            $avia_theme_location = 'avia';
            $avia_menu_class = $avia_theme_location . '-menu';
            $args = array(
                'theme_location'    => $avia_theme_location,
                'menu_id'           => $avia_menu_class,
                'menu_class'        => 'menu av-main-nav',
                'container_class'   => $avia_menu_class.' av-main-nav-wrap'.$icon_beside,
                'fallback_cb'       => 'avia_fallback_menu',
                'echo'              =>   false,
                'walker'            => new avia_responsive_mega_menu()
            );
     
            $main_nav = wp_nav_menu($args);
            $output .= $main_nav;
             
           
        /*
        * Hook that can be used for plugins and theme extensions
        */
        ob_start();
        do_action('ava_inside_main_menu'); // todo: replace action with filter, might break user customizations
        $output .= ob_get_clean();
         
        if($icon_beside)
        {
            $output .= $icons;
        }
             
        $output .= '</nav>';
     
        /*
        * Hook that can be used for plugins and theme extensions
        */
        ob_start();
        do_action('ava_after_main_menu'); // todo: replace action with filter, might break user customizations
        $output .= ob_get_clean();
    }

    this last curly bracket closes the else clause.

    in reply to: Add a secondary logo in the header on the right side #675035

    btw. if you like to place a svg-file integration is different:

    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');

    and on quick css you than need a value for width and for some browsers a height value:

    f.e.

    .third-logo img {
       width: 240px;
       height: auto
    }
    in reply to: Add a secondary logo in the header on the right side #675027

    not the quick css only .

    first same as with two logos now three (that is for functions.php of child-theme):

    
    function second_logo($logo) {
    $logo .= '<strong class="logo second-logo"><a href="logo2link" >' ;
    $logo .= '<img src="/wp-content/uploads/logo2.png"/>';
    $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="logo3Link" target="_blank">' ;
    $logo .= '<img src="/wp-content/uploads/logo3.png"/>';
    $logo .= '</a></strong>';
    return $logo;
    }
    add_filter('avf_logo_final_output', 'third_logo');

    you have to adapt those settings (logo2Link, logo3Link and the name path to your logos)

    now my quick css (the values are pending to the logos itself. you have to play with those values – in my case i have choosen logo width in this way that on ipad landscape all logos fit the screen without floatin)

    div .logo {
        float: left;
        padding-right: 25px;
        left: 0;
        position: relative;
        z-index: 1;
    }
    
    .logo a {
        max-width: 300px;
    }
    
    .logo.second-logo, .logo.third-logo {
        float: right;
        position: relative !important;
        z-index: 1;
    }
    
    .responsive #top .logo {
        height: auto !important;
    }

    if it does not look like you want it – without the link to your site i cannot give help here.
    So either post here public the link to it. Or make it in private content – than you have to wait for mods here.

    BTW. I’m testing myself on that playground the ubermenu integration – so it does not look like before because i replaced Enfold Navigation with UberMenu.

    in reply to: Ubermenu or Megamenu for this objective? #675025
    in reply to: Wie verändere ich den Text über dem Kommentarfeld? #674805

    ich nehme stark an , dass du im Inhalt der css Fehler hast.
    Irgendein vergessenes Semicolon oder eine nicht geschlossene Klammer.
    Wenn sowas ist, ist der Code der drunter steht nicht wirksam.
    Die Anweisung stimmt, denn ich sehe wenn ich deine Seite mittels Firebug bearbeite (virtuell – als Webdeveloper Tool) und die Zeile einfüge, dass die Zeilen weg sind .
    Deshalb durchforste die Gesamte Quick css nochmal.

    in reply to: Wie verändere ich den Text über dem Kommentarfeld? #674685

    PPS : wer hilft dir bei der Seite. Es sind viele – auch sonderbare Fehler drin zB 2Opx mit dem Buchstaben O und nicht 0 für 20px.

    in reply to: Wie verändere ich den Text über dem Kommentarfeld? #674680

    1) also: css Anweisungen für Container oder Klassen (# oder .) öffnen und schließen mit geschweiften Klammern! { }
    2) Bei den Klassen nicht die Punkte davor vergessen ( ich glaube das fehlen einige – manche habe ich gesetzt – bei media print zum Schluss denke ich ist es auch .small – weiss nicht ob es nicht sogar .small-units ist – Zeig mit mal die Stelle wo das zur Veränderung kommen sollte)
    3) innerhalb der geschweiften Klammern können bei den attributen dann rund Klammern stehen. Die letzten Anweisungen innerhalb der runden Klammern benötigen kein Semicolon am Ende – die anderen zur Trennung von den neuen Anweisugnen schon.
    4) Bitte Bindestriche nicht beliebig wegfallen lassen. font-size, font-weight, line-height etc.

    zur Deutlichkeit habe ich mal Absätze eingefügt

    .minitext {display: none!important}
    
    #text-9 {
    font-family: Lucida Grande ;
    font-size: 1.4em !important; 
    line-height: 1.4em
    }
    
    #news-headline {
    font-size: 20px;
    line-height:1.2em
    }
    
    .avia_combo_widget {
    font-size:1.4em; 
    line-height:1.8em
    }
    
    #mc_embed_signup .clear
    {display: block: 
    visibility: visible;
    height: auto; 
    width: auto}
    
    blockquote {
    background: #ffff99 repeat scroll O O; 
    border-color #c2OaOa
    }
    
    .image-overlay {visibility: hidden }
    
    /*hier musst du mir mal das zeigen was verändert werden soll */
    @media print (
    
    }

    noch etwas
    wenn ein div zum Beispiel zwei Klassen (kommt bei Enfold häufig vor) gleichzeitig hat, dann ist zwischen den Klassen keine Leerstelle
    z.B. bei den 1/2 1/2 Columns die Enfold macht ist zB:

    div .flex_column.av_one_half

    das combo widget bekommt je nachdem immer eine eigene ID #avia_combo_widget-2 und #avia_combo_widget-2 etc.
    die Teile haben alle die Klasse: .avia_combo_widget

    deshalb wenn alle geändert werden sollen kann man über die Klasse gehen.

    • This reply was modified 8 years, 10 months ago by Guenni007.
    in reply to: Wie verändere ich den Text über dem Kommentarfeld? #674673

    Hmportant nicht !!! sondern ein Ausrufezeichen direkt gefolgt von important – am besten copy/paste von oben !

    .minitext {display: none !important}

    ps – da sind einige übernahme Fehler drin.
    ich schaue gerade mal durch

    • This reply was modified 8 years, 10 months ago by Guenni007.
    in reply to: Circular Icons (as on kriesi.at homepage) #674557

    you see these ;D and :)
    it tells its own tale

    in reply to: Wie verändere ich den Text über dem Kommentarfeld? #674384

    die ist im Quelltext auch nicht zu sehen.
    Hast du die Quick css auch gespeichert ; bzw laufen Caching tools ?

    hast du in der Quck css überhaupt schon Sachen erfolgreich gespeichert ? Sind da Einträge

    in reply to: Circular Icons (as on kriesi.at homepage) #674336

    i think no – this seem to be one of those nice things which Kriesi exceptionally does not share:

    Hi!

    Sorry we currently dont share this element since its in no way easy to edit. It also adds a little uniqueness to our site which is really necessary as a theme provider using a template ;D

    We will probably share the element in the future though. In any case sorry for that :)
    Kriesi

    thats very sad indeed – nice Visualisation

    in reply to: Wie verändere ich den Text über dem Kommentarfeld? #674332

    eventuell ist ein important notwendig:
    (den Punkt zugehörig zu der Klasse hast du aber mit kopiert?)

    .minitext {display: none !important}

    die beiden lang files : Link

    Resultat siehe Hier

    in reply to: Make one menu item look like a button #674319

    On Dashboard – Appearance – menu

    did you see this option on every list point of your navigation to switch the menu style to “button style colored” ?
    than that menu point is highlighted with a background color. Maybe this is enough for your request. If not – let me know

    PS in the same way you can give each navigation list point a custom class. From there it is only a css styling away from a button outlook.

    • This reply was modified 8 years, 10 months ago by Guenni007.
    in reply to: Wie verändere ich den Text über dem Kommentarfeld? #674317

    Gerne darfst du mir aber auch deine Wunschübersetzung nennen und ich mache das Gerade – uploaden musst du dann jedoch selbst.

    in reply to: Wie verändere ich den Text über dem Kommentarfeld? #674314

    Loco translate : Link scheint gut zu sein.

    Leider greift das Plugin auf die informal language in dem Unterordner Enfold/Lang/Informal zu!
    Wordpress holt sich jedoch als deutsche Version die “Sie” version heran – und nur in der ist die Übersetzung
    Leave a reply : Hinterlassen Sie einen Kommentar

    zu finden! schade es wäre sicherlich die für einen Leien leichtere Art gewesen.

    Wie gesagt die Übersetzungen befinden sich in deinem Enfold Ordner / lang
    da sind zwei Files de_DE.po und de_DE.mo wir brauchen die po Datei.

    Zieh dir poedit herunter (freeware – https://poedit.net/download )
    Öffne zunächst mal das Programm. Schaue mal bei Poedit/Einstellungen/Allgemein zunächst ob der Haken bei “MO Datei beim Speichern automatisch erstellen” angewählt ist.

    Öffne nun die po Datei und gehe über Bearbeiten / Suchen und gebe die zu übersetzende Phrase ein
    in deinem Fall : Hinterlassen Sie einen Kommentar

    unten siehst du nun das Original und darunter die Übersetzung – in der Du nun deine Wunsch Phrase einsetzen kannst.
    Speichern (Dabei wird auch eine .mo Datei erstellt)
    Die beiden Files via ftp dann hochladen.

    in reply to: Wie verändere ich den Text über dem Kommentarfeld? #674295

    für den Backlink zu Kriesi siehe hier: http://kriesi.at/documentation/enfold/change-the-footer-text-and-link/

    die kleineren Untertexte loswerden ist leichter – dazu das hier in die quick css ( Enfold – Allgemeines Styling – Quick Css) :

    .minitext {display: none}

    Bei dem anderen muss ich was ausholen. Es gibt verschiedene Wege die Übersetzungen der originalen englischen Phrase in das Deutsche zu ändern.

    Ich nehme mir immer poedit (freeware) und öffne schlicht die de_DE.po Datei im Enfold Ordner / lang
    (aufpassen hier besonderheit deutsch es gibt auch die informale Ansprache mit Du in dem Ordner)
    Und ändere die entsprechende Übersetzung und lade diese beiden Files dann hoch via ftp (poedit generiet dann zwei files die de_DE.mo auch).

    Es gibt aber auch WordPress Plugins um die lang-Dateien zu bearbeiten.
    Ich schau mal welches da gut ist.

    • This reply was modified 8 years, 10 months ago by Guenni007.
    in reply to: Add a secondary logo in the header on the right side #674289

    in what way not !
    what is propper – describe the behavior you like to have – i’m no mind reader at all

    the more precise is the request – the more specific is the solution!

    in reply to: Add a secondary logo in the header on the right side #674284

    is that what you want: http://webers-testseite.de/ikom/

    in reply to: Add a secondary logo in the header on the right side #674267

    it is very nice when you come with your request bit by bit. :wink
    first request was “additonal logo on the right hand side”
    next two logos left littel padding
    next now : main logo left two additional logos on the right
    i think i will wait till you have found your final layout – sorry

    Edit: and please think about what has to happen for small screen layout (Smartphones, Tabletts in portrait orientation)
    Three logos (main logo left , two logos floating on the right )

    • This reply was modified 8 years, 10 months ago by Guenni007.

    as you see you only need a class or an id for that rotating trick!

    if you want f.e. that the icons in an icon-box (big icon at top) rotate once on hovering give the iconbox a class ( in my case: rotating_icon)

    (if you want that every iconbox react like this forget about custom css and make it for .iconbox_icon:hover )

    
    .rotating_icon .iconbox_icon:hover{
    animation-name: iconrotate;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-play-state: running;
    /* Firefox: */
    -moz-animation-name: iconrotate;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-play-state: running;
    /* Safari and Chrome: */
    -webkit-animation-name: iconrotate;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-play-state: running;
    -webkit-backface-visibility: visible
    }
    @keyframes iconrotate
    {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
    }
     
    @-moz-keyframes iconrotate /* Firefox */
    {
    from {-moz-transform:rotate(0deg);}
    to {-moz-transform:rotate(360deg);}
    }
     
    @-webkit-keyframes iconrotate /* Safari and Chrome */
    {
    from {-webkit-transform:rotate(0deg);}
    to {-webkit-transform:rotate(360deg);}
    }
    • This reply was modified 8 years, 10 months ago by Guenni007.
Viewing 30 posts - 10,441 through 10,470 (of 11,481 total)