Forum Replies Created

Viewing 30 posts - 10,471 through 10,500 (of 11,475 total)
  • Author
    Posts
  • in reply to: Add a secondary logo in the header on the right side #673930

    ok.
    are you familiar with using a child-theme?
    you can place the following code to your child-theme functions.php:
    you can insert here a link target to the second logo!

    function second_logo($logo) {
    $logo .= '<strong class="logo second-logo"><a href="link-url" target="_blank">' ;
    $logo .= '<img src="path to your second logo - absolut path is best here"/>';
    $logo .= '</a></strong>';
    return $logo;
    }
    add_filter('avf_logo_final_output', 'second_logo');

    than you have to play a bit in your quick css f.e.

    .logo.second-logo {
        float: right;
        position: relative !important;
        z-index: 2;
    }
    
    .responsive #top .logo {
        height: auto !important;
    }

    you can see a result of that here: http://webers-testseite.de/ikom/
    And you see it works with shrinking header too! You than have to define what happens with the second logo in responsive case.
    Some decide to display logo2 to none.

    in reply to: Icon packs #673827

    download the fontawesome pack. Unzip it.

    take the fontawesome-webfont.svg out of the fonts folder. Upload that to fontello icons by drag and drop! in that custom field.
    fontello now makes a font – select the wanted icons and dowload that fontello icon font set as zip.
    Upload that to your enfold theme! bingo (svg wonder :lol:)

    see here: http://webers-testseite.de/ikom/gallery/

    • This reply was modified 8 years, 10 months ago by Guenni007.
    in reply to: Maximum width for single column #673815

    in this case you have to know that most of the users do it by creating
    1/5th 3/5th 1/5th columns
    so you have the possibility to have under this construction
    a 1/2 1/2 column the whole width.

    but if it has to be:

    @media only screen and (min-width: 768px) {
    .flex_column.av_one_full {
        padding: 0 15%;
    }
    }

    if it has to be only site-specific:
    f.e.

    @media only screen and (min-width: 1400px) {
    .page-id-2766 .flex_column.av_one_full {
        padding: 0 15%;
    }
    }

    you can see it here: http://webers-testseite.de/ikom/neue-seite/ but for screens width bigger than 1400px

    on the bottom you can see it with columns mentioned above – but these goto 100% only for responsive mode (mobile or tablet – depends on what you have choosen in enfold options)

    • This reply was modified 8 years, 10 months ago by Guenni007.
    in reply to: Maximum width for single column #673800

    Did you install a demo ?
    because on default – even if you choose the stretched layout the content is on default at 1310px minus 50px padding left right.
    So 1210px is normaly the content. Some alb elements are stretched to screenwidth (grid-row, …)
    If you have perhaps a demo site or an example on enfold demo sites where this happens we might better help you

    you can use not only for small screens even for wide screens those media querries like:

    @media only screen and (min-width: 1600px) {
    .av-layout-grid-container {
        margin: 0 auto;
        width: 70vw;
    }
    }
    in reply to: Make background gradient in color section #673792

    btw. this is a nice gradient generator:

    http://www.colorzilla.com/gradient-editor/

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

    what kind of header did you choose:
    sticky, logo left menu below etc.

    in reply to: 5 column footer not breaking properly on tablet #673564

    on using the clearing option it might be not neccessary to set the width of the first-child to 100%

    and btw. : with your small lists ( with your nick your site is easy to find :lol) – you can set the rule from 480px on so here is the full code which might work:

    it seems that this rule is enough solution for that problem:

    @media only screen and (min-width: 480px) and (max-width: 989px) {
    #footer .av_one_fifth {
        margin-left: 0% !important;
        width: 50% !important;
        min-height: 300px;
    }
    #footer .av_one_fifth:first-child {
        min-height: 1px;
    }
    .responsive #footer div .av_one_fifth:nth-child(2n) {
        clear: both !important;
    }
    }
    in reply to: 5 column footer not breaking properly on tablet #673553

    first of all:
    on some browsers there are some strange befhaviors on margin settings – so try first a width of 49% for .av_one_fifth in the css code above

    second: i do not see your site but as i know there are after each flex-column a clearing of both sides. It might be a solution to set the clearing only to the first-child , “third-child” , fifth-child and so on .
    There is no third-child nor fifth-child class on those columns so you can play a bit with :nth-child(2n+1) n starts at Zero =0
    so try this here:

    #footer .flex_column::after, .clearfix::after {
        clear: none !important;
    }
    .responsive #footer div .av_one_fifth:nth-child(2n) {
        clear: both !important;
    }
    #footer .av_one_fifth:nth-child(2n+1)::after {
        clear: both !important;
    }
    • This reply was modified 8 years, 10 months ago by Guenni007.
    in reply to: SVG to PNG Fallback #673376

    Yes – thats my advice. If all other big Players (Google, Microsoft etc. do not support IE8 – why should we Webdesigners should do so?

    http://caniuse.com/#feat=svg

    you see on that diagramm that 97.23% browsersupport for svg.
    And only 0.55% IE8 global use.

    in reply to: Silbentrennung #673263

    hier der Link zum WordPress Plugin basierend auf Hyphenator: https://de.wordpress.org/plugins/hyphenator/

    in reply to: Silbentrennung #673243

    Was willst du mit dem Plugin erreichen?
    Es gibt ja eine Menge Möglichkeiten was den Textumbruch angeht.

    https://wiki.selfhtml.org/wiki/Zeilenumbruch

    zB die Verwendung von &shy; in Wörtern um Einfluss auf das Verhalten in Worten zu wahren.

    oder via javascript: http://best-web-design-tools.com/resources/hyphenator/

    in reply to: SVG to PNG Fallback #673225

    this thread of mine is a long time ago – and on this time i noticed that this code works well but makes the whole thing extremly slow !:

    function svg_replace(){
    ?>
    <script>
    jQuery(window).load(function(){
    jQuery('.avia-msie-8 img[src$="svg"]').attr('src', function() {  
        return jQuery(this).attr('src').replace('.svg', '.png');
      });
    </script>
    <?php
    }
    add_action('wp_footer', 'svg_replace');

    _____________________________________

    On that time i thought a bit like you that every browser must handle an installation as well!

    But now i think we have to weigh here.
    A 100% browser compatibility and very slow ie8 reaction – and 97% browser combatibility to no Ie8 support .

    IE8 has a market share of 2% of 11% of all IE. Google Maps Api (and the other apis too) did not support IE8 – every IE8 Support has stopped from Microsoft.
    So it is much more important that an installation works well on smartphones and tabletts.

    Well i do not recomend you to change the mobile behavior – floating left is best i think:

    try this here

    .avia-breadcrumbs {
        display: inline-flex;
        left: 50%;
        position: absolute !important;
        right: inherit !important;
        transform: translate(-50%);
        vertical-align: middle;
    }

    for mobile version you can try this:

    @media only screen and (max-width: 767px)
    .responsive .title_container .breadcrumb {
        display: inline-flex;
        left: 50%;
        position: absolute;
        transform: translate(-50%);
    }
    }

    but best will be to know your site link to say something for your specific code

    • This reply was modified 8 years, 10 months ago by Guenni007.
    in reply to: Behavior of menu on mouse over – time delay #672380

    i found this on avia.js :

    // bind events for dropdown menu

    but to add here for mouseenter and mouseleave a milisecond value (like 2000) does not end in a satisfying result.
    moving the mouse diagonal to the next level list point ends in same effect only slower.

    in reply to: blog post text size #672257

    i think normal line-height in enfold (if standard font-size is set to 13px) 1.65em:

    .page-id-185 .av_one_third .entry-content-wrapper * {
        font-size: 13px;
        line-height: 1.65em;
    }
    in reply to: Changing fonts for headings and text does not work #671845

    can you please post that code you inserted into your child-theme functions.php?
    Maybe there is a little mistake .

    Or do you have imported some demo-files – and working on base of that demo import

    Sometimes there are some changings in advanced styling – specially on headings (h1, h2, h3 etc. )
    these rules overwrite standard settings.

    in reply to: blog post text size #671844

    it depends on what to get smaller only the text in the p tags or the headings too etc. pp

    if you only want to get this result on that specific page :

    .page-id-185 .av_one_third .entry-content-wrapper * {
        font-size: 13px;
    }

    so everything following the .entry-content-wrapper will be effected.

    if you want to have the h2 of the 1/3 column stay big you have to go deeper down: f.e:

    .page-id-185 .av_one_third .entry-content * {
        font-size: 13px;
    }

    in this code the h2 aren’t effected.

    in reply to: Footer – rename #671839

    i realy don’t understand your request :

    please explain it a bit more precise

    you mean you want to get rid of backlink copyright notice to Kriese?

    goto Enfold Options – Footer – Copyright and put in your wanted text followed by [nolink] – this little shortcode removes the backlink

    • This reply was modified 8 years, 10 months ago by Guenni007.
    in reply to: Please how to remove powered by Enfold WordPress Theme #671836

    you can insert your own text into that field followed by [nolink] this little shortcode let the backlink disappear.

    Enfold Options – Footer – Copyright

    in reply to: Logo + text #671833

    see here on kriesi’s blog page what happend to the logo when scrolling! you can avoid that disappearing of the text – very easy.

    see here Link

    Best is to be on a child-theme installation because every changing by updating your enfold theme will remain!
    you can see a demo here on a testenvironment: webers-testseite.de/ikom

    you can see that i like to use the normal site name and site description to insert the text besides the figurative part of the logo

    PS : those values in quick css (left top etc.) depends on your text and figurative part of your logo – so you have to play a bit with them.

    in reply to: Tabs & Akkordeon – Raute rausnehmen aus Link #671830

    he wants to get rid of the ‘#’ hash sign. – but this is elementary component of ID links.

    in reply to: Changing the colour of navigation bar while scrolling #670830

    well you can try it with transition:
    f.e.: Link

    #header_main_alternate {
       background-color: #f50 
    }
    
    .header-scrolled #header_main_alternate {
        background-color: #0f7 ;
        transition: background-color 1s ease-in 0s
    }

    what kind of header have you choosen?
    Logo left/right/center
    navigation left/right/over or under Logo etc.

    in reply to: Stick socket to bottom of page #670720

    i think there is no universal solution on that. For the page / post you need that you can do the rule above with .page-id class

    you can see the result here: Link

    f.e.:

    .page-id-2766 #main {
        min-height: 100vh
    }
    
    .page-id-2766 #socket {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999;
    }
    in reply to: register a script in the functions php #670305

    yes – but i don’t know if this here:

    function include_custom_js_file() {
       wp_enqueue_script( 'avia-main-child', get_stylesheet_directory_uri().'/js/custom1.js', array('jquery', 'avia-default'), 2, true );
       wp_enqueue_script( 'avia-main-child', get_stylesheet_directory_uri().'/js/custom2.js', array('jquery', 'avia-default'), 2, true );
       wp_enqueue_script( 'avia-main-child', get_stylesheet_directory_uri().'/js/custom3.js', array('jquery', 'avia-default'), 2, true );
    }
    add_action( 'wp_enqueue_scripts', 'include_custom_js_file', 100 );

    will work – or if you have to make each external js file has to be handled seperately.

    in reply to: register a script in the functions php #670285

    i guess they have here a function on it:

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

    and the last true is for footer !

    don’t know if this works as well:

    function wpdocs_scripts_method() {
        wp_enqueue_script( 'avia-main-child', get_stylesheet_directory_uri().'/js/j-js.js', array('jquery', 'avia-default'), 2, true );
    }
    add_action( 'wp_enqueue_scripts', 'wpdocs_scripts_method', 100 );
    • This reply was modified 8 years, 10 months ago by Guenni007.
    in reply to: register a script in the functions php #670267

    i think it might work in this way because they go to footer by default? :

    edit: sorry i test it first in a test page

    • This reply was modified 8 years, 10 months ago by Guenni007.
    in reply to: Stick socket to bottom of page #670253

    than i really don’t understand your request.
    if footer is disabled the socket is at the bottom of the content! Isn’t it?

    in reply to: Single toggles besides (sibblings) each other #670172

    thanks ismael but it does not work. The class still is there on all clicked buttons.
    the code of that segment :

    <div itemprop="text" class="iconbox_content_container "><div class="togglecontainer toggle_close_all avia-builder-el-15 avia-builder-el-no-sibling enable_toggles">
    <section class="av_toggle_section">
    <div data-tags="{Alle} " class="single_toggle">
    <p data-fake-id="#toggle-id-3" class="toggler activeTitle">Toggle 3</p>
    <div class="toggle_wrap" id="toggle-id-3-container" style="">
    <div class="toggle_content">
    <ul>
    <li>Toggle Content goes here</li>
    <li>Toggle Content goes here</li>
    <li>Toggle Content goes here</li>
    </ul>
    </div>
    </div>
    </div>
    </section>
    </div>
    </div>

    the activeTitle class is in the p tag above – and you see these “Toggles” are no Siblings in the real meaning of the sense.
    They are single Toggles but on the same page.

    With the class active_tc it works perfect but you gave me the correct hint:
    This code ( don’t ask me why) works:

    function only_one_toggle_open_at_the_same_time(){
    ?>
    <script>
    (function($){
        $(window).load(function() {
        	$('.toggler').on('click', function(){
      		$('.toggler').not(this).next().removeClass('active_tc');
    	});
        	$('.toggler').on('click', function(){
                    $('.toggler').not(this).removeClass('activeTitle');	
    	});
        });
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'only_one_toggle_open_at_the_same_time');

    can be closed (wow soon i got my 1000 postings here)

    in reply to: Academic icons in Enfold theme #670168

    hm – why so complicated ?

    the downloaded zip file contains all of those things a fontello zip file includes.
    I uploaded that zip-file from http://jpswalsh.github.io/academicons/
    goto import/export of enfold options – goto iconfont manager and select that zip file. Bingo.

    From now you can handle all icons as a native iconset in enfold !
    Font-family is than Academicons and the hexcode you can determin via a post and an insertion of an icon – by hovering those icons you see the hexcode of that glyph.

    Or see here and count from ue900 to ue935 (from left to right)
    see here the use as icons in enfold: http://webers-testseite.de/ikom/academicons/

    in reply to: Stick socket to bottom of page #669969

    try this one here please:

    #socket {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999;
    }

    but i think this does not work good on mobile or tabletts

Viewing 30 posts - 10,471 through 10,500 (of 11,475 total)