Forum Replies Created

Viewing 30 posts - 10,111 through 10,140 (of 11,475 total)
  • Author
    Posts
  • in reply to: Benutzerdefinierter Hintergrund bei Slide show (volle Breite) #718000

    ich denke das Beste wäre du gibst der Slideshow eine benutzerdefinierte Klasse.
    http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
    (i think it will be best to determin a custom class on fullwidth-slider)

    zB “background-vollebreite”. oder so ähnlich.
    (f.e. “.background-vollebreite” )

    wenn du das generell bei allen Bildern gleich haben willst:
    (if you like to have it globaly for that specific page/post)

    .background-vollebreite .avia-slideshow-inner {
        background-color: #383838;
    }

    wenn du es für jedes Bild einzeln definierten möchtest:
    (if you like to set up for each slide:)

    .background-vollebreite .avia-slideshow-inner .slide-2 {
        background-color: #383838;
    }

    das kannst du dann für jedes einzelne Slide durchführen.
    (than you can make it for slide-1, slide-2 etc. they all have a unique class!)

    • This reply was modified 8 years, 7 months ago by Guenni007.
    in reply to: my own icon on ipad #717873

    well there is a unique site which can help the most of your desired things.
    http://web-stuebchen.de/

    you can upload there a square image best and correct only the 310x150png for Windows10.
    after generating you can download one zip file with all you need.

    i uploaded on my part allways to wp-content/uploads/icons

    the path can be set in here on that dialog:

    Preview

    the insertion you can do via child-theme functions.php – the downloaded snippet.html contains the code you need:

    add_action('wp_head', 'ava_add_customicons');
    function ava_add_customicons() {
        ?>
    
    <link rel="shortcut icon" type="image/x-icon" href="/wp-content/uploads/icons/favicon.ico">
    <link rel="icon" type="image/x-icon" href="/wp-content/uploads/icons/favicon.ico">
    <link rel="icon" type="image/gif" href="/wp-content/uploads/icons/favicon.gif">
    <link rel="icon" type="image/png" href="/wp-content/uploads/icons/favicon.png">
    <link rel="apple-touch-icon" href="/wp-content/uploads/icons/apple-touch-icon.png">
    <link rel="apple-touch-icon" href="/wp-content/uploads/icons/apple-touch-icon-57x57.png" sizes="57x57">
    <link rel="apple-touch-icon" href="/wp-content/uploads/icons/apple-touch-icon-60x60.png" sizes="60x60">
    <link rel="apple-touch-icon" href="/wp-content/uploads/icons/apple-touch-icon-72x72.png" sizes="72x72">
    <link rel="apple-touch-icon" href="/wp-content/uploads/icons/apple-touch-icon-76x76.png" sizes="76x76">
    <link rel="apple-touch-icon" href="/wp-content/uploads/icons/apple-touch-icon-114x114.png" sizes="114x114">
    <link rel="apple-touch-icon" href="/wp-content/uploads/icons/apple-touch-icon-120x120.png" sizes="120x120">
    <link rel="apple-touch-icon" href="/wp-content/uploads/icons/apple-touch-icon-128x128.png" sizes="128x128">
    <link rel="apple-touch-icon" href="/wp-content/uploads/icons/apple-touch-icon-144x144.png" sizes="144x144">
    <link rel="apple-touch-icon" href="/wp-content/uploads/icons/apple-touch-icon-152x152.png" sizes="152x152">
    <link rel="apple-touch-icon" href="/wp-content/uploads/icons/apple-touch-icon-180x180.png" sizes="180x180">
    <link rel="apple-touch-icon" href="/wp-content/uploads/icons/apple-touch-icon-precomposed.png">
    <link rel="icon" type="image/png" href="/wp-content/uploads/icons/favicon-16x16.png" sizes="16x16">
    <link rel="icon" type="image/png" href="/wp-content/uploads/icons/favicon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="/wp-content/uploads/icons/favicon-96x96.png" sizes="96x96">
    <link rel="icon" type="image/png" href="/wp-content/uploads/icons/favicon-160x160.png" sizes="160x160">
    <link rel="icon" type="image/png" href="/wp-content/uploads/icons/favicon-192x192.png" sizes="192x192">
    <link rel="icon" type="image/png" href="/wp-content/uploads/icons/favicon-196x196.png" sizes="196x196">
    <meta name="msapplication-TileImage" content="/wp-content/uploads/icons/win8-tile-144x144.png"> 
    <meta name="msapplication-TileColor" content="#ffffff"> 
    <meta name="msapplication-navbutton-color" content="#ffffff"> 
    <meta name="application-name" content="bonnzeit.de"/> 
    <meta name="msapplication-tooltip" content="bonnzeit.de"/> 
    <meta name="apple-mobile-web-app-title" content="bonnzeit.de"/> 
    <meta name="msapplication-square70x70logo" content="/wp-content/uploads/icons/win8-tile-70x70.png"> 
    <meta name="msapplication-square144x144logo" content="/wp-content/uploads/icons/win8-tile-144x144.png"> 
    <meta name="msapplication-square150x150logo" content="/wp-content/uploads/icons/win8-tile-150x150.png"> 
    <meta name="msapplication-wide310x150logo" content="/wp-content/uploads/icons/win8-tile-310x150.png"> 
    <meta name="msapplication-square310x310logo" content="/wp-content/uploads/icons/win8-tile-310x310.png"> 
    
        <?php
    }
    • This reply was modified 8 years, 7 months ago by Guenni007.
    in reply to: Close all toogles of all accordion in the same page #717716

    this is now the global solution if you don’t like it for the whole wordpress installation you have to set up some if-clauses

    f.e:

    function only_one_toggle_open_at_the_same_time(){
    if ( is_page(3423) ) {
    ?>
    <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');

    on that if clause you can use all conditional tags you know e.g:

    if ( is_singular( 'event' ) || is_search() || is_category() || is_page() && !is_page(1307) || is_singular( 'portfolio' ) )

    etc.pp

    by the way is_home( ) does not work ??? but: is_front_page( ) works

    PPS: again something new to me :
    is_home() returns only true if it is the blog-post index site
    if your landing-page is a page you have to use is_front_page()

    • This reply was modified 8 years, 7 months ago by Guenni007.
    in reply to: Different font-weight in menu / navigation #717694

    i guess it has something to do with: anti-aliasing of safari font rendering
    try this here first as a global rule

    html {  
        -webkit-font-smoothing: antialiased;
    }

    but on this adivise from: https://blakepetersen.io/how-to-clean-up-chrome-and-safaris-webfont-rendering/

    Use Wisely
    For these last two hacks, each character re-rendered will require extra resources so it’s best NOT to use these to render large swaths of copy. Use these on headers and global elements where you will have the most impact, but for the main copy use ‘serif’ or ‘sans-serif’ and let the browser decide.

    try perhaps only:

    .av-main-nav > li > a {
        -webkit-font-smoothing: antialiased;
    }

    by the way i see you use a different font for this – do you have all web-font files uploaded?

    • This reply was modified 8 years, 7 months ago by Guenni007.
    in reply to: Different font-weight in menu / navigation #717434

    hm seems to be a rendering problem of safari. it is strange because if you activate each of your menu points one after the other. sometimes the difference is gone.
    By the way – the same thing on Safari Technology Preview.

    in reply to: Close all toogles of all accordion in the same page #717011

    try this here – maybe it works for you (in child-theme functions.php)

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

    by the way : the laurels go to Josue
    see also here: https://kriesi.at/support/topic/single-toggles-besides-sibblings-each-other/

    • This reply was modified 8 years, 7 months ago by Guenni007.
    in reply to: Adding Container after main – before wrap_all closes #715246

    ok – i created my own do_action and placed it just before

    so i have than:

    do_action('avia_after_wrap_all');
    wp_footer();

    now i can place with if-clauses some content on specific pages/post just after wrap-all closes

    sometimes the easy way is out of sight. i searched for do_action but did not find the right place i want. On creating my own one i never had thought of till now.

    can be closed

    • This reply was modified 8 years, 7 months ago by Guenni007.
    in reply to: Enfold Hamburger Menu and Animation #714335

    Well activating is no problem so far – but you mean if there is on a specific page a adv. layerslider the greensock animation will not work.

    in reply to: Removing alt text from images #714193

    you want to remove the alt text only or to remove the tag ?
    because on coming WordPress 4.7 the alt tag stays empty if there is no text input for it than the tag is alt=””

    in reply to: Adding Container after main – before wrap_all closes #714181

    yes i can have a child theme footer.php but i don’t want it on all pages just on the frontpage (home)

    and i thought that an image like this is your problem:

    and look what my solution did with it in mobile (not simulated mobile) does with it!
    http://webers-testseite.de/kaetz/leistungen/#av_section_6

    Smiley der sich nachdenklich am Kopf kratzt

    is your header a shrinking one or not ?
    is it fixed on top ?

    The thing i understand from your request is that you don’t want to crop the images on top.
    The responsive behaviour is a different thing – but you see on screenshot here: https://kriesi.at/support/topic/is-there-any-way-to-make-the-background-image-in-a-color-section-responsive/#post-712654 that it will work on real mobile browsers too and even the font goes to the responsiveness.

    On what mobilephone your are testing these pages – tell me your Browser and or IOS version please.

    you can see here : http://webers-testseite.de/kaetz/leistungen/#av_section_6
    ist this what you want? it is positioned center top even if you are turning your mobile to landscape the hat of that young lady isn’t cropped.
    no mobile simulated – i can see it on my iphone 4s ( a bit older) and on my ipad4 that all is working in that manner you prefer.

    Do you can see it too on my testpages that it works? ( i only have here mac equipement – so i could not test it in other variants.)

    in reply to: is there a fast way to style tag result pages #713182

    Thanks again! Yigit

    and once again: if you have a non shrinking header – you know your header hight ! from Enfold Dialog
    if you choose small i guess it is 50px – for big …. look yourself. this comes to scroll-offset on main!

    so if you have a color section with fixed positioning add a custom class – maybe topfixed or something like this:

    .responsive #top .avia-section.topfixed {
        background-position: center 50px !important;
    }

    or left or right. etc. the 50px (look to the bride theme) on css you find the background-position : center top but without regarding the header hight.

    on responsive case the sticky header is lost – and scrolls away – so background position has to get the top (0px value) !!!

    @media only screen and (max-width: 768px) {
    .responsive #top .avia-section.topfixed {
        background-position: center 0 !important;
    }
    }
    • This reply was modified 8 years, 7 months ago by Guenni007.

    if you have a shrinking header there is an old thread of mine because sometimes it is not so important that the scroll-offset is missing.
    But sometimes it is.

    https://kriesi.at/support/topic/color-section-on-top-fixed-background-attachment-positioning/

    and a not so perfect solution for desktop browsers. This is a problem with header and shrinking header height. The scroll offset seems to be not considered of the positioning.

    see here the fix (for desktop browsers – not for mobile): http://webers-testseite.de/kaetz/leistungen/

    edit : look to the page above with your mobile ! i placed that “bride” image near the bottom.
    and if you look to it in landscape mode you see that the image is cropped at the bottom !

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

    but this is not a matter of responsiveness it is a trouble with fixed positioning. And that seems to be a global Problem of all Mobile Browsers.

    https://coderwall.com/p/kivwgg/position-fixed-on-mobile

    maybe there are some javascript solutions http://bradfrost.com/blog/mobile/fixed-position/#js-solutions but definitly there is no one and only good fix of that.

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

    so – did you realy read what i wrote – that is the question !

    please go and look again.
    I tested something for you .
    it seems to work on my old iphone 4s – so i could not believe that it won’t work on actual mobile phones

    by the way on very small screens you have to think about the min-height option of 100px.
    So you have to get rid of that too if the height of the shrinking header will get less than 100px.

    the rule from enfold:

    .avia-section {
        clear: both;
        float: left;
        min-height: 100px;
        position: static;
        width: 100%;
    }

    well if you look here http://webers-testseite.de/ikom/circles/
    on top there is a responsive background-image in a color section. !

    The thing is how to set up that color-section.
    Choose “no minimum height and on tab 2 choose “scale to fit”. (this is not so important because image-background size will be calculated later – but you will have to know the class for the color section)

    Than you have to know the aspect-ratio of your background image !

    f.e. your background image has a 4:1 ratio. (1200px : 300px)
    on quick css i than set up the height from the color-section by:

    .page-id-2981 .avia-full-contain {
        background-size: 100vw auto;
        height: calc(25vw);
    }

    that is the trick ! the css width is set to 100vw and height to auto
    the height of the container is in dependency to image aspect ratio. !

    but never the less you will than have to think about the content in it ( f.e. h2 headings on my example)
    and than we are again on media querries to adapt it to shrinking color sections

    the page order means if you are on dashboard page list the order of the pages there. Pages on top and down.
    The Page ID and order here is determined by creating time. – But i believe you can set a page order by quickedit option on that list.

    But my advice is to install that little plugin “intuitive custom postorder”
    Installed and activated you can go to options dialog of that plugin and set the influence of that plugin to pages, posts, portfolios, categories etc.

    after that you can drag&drop (nearby the mark field there will be than a up and down sign on hovering that place) in that pages list pages up and down creating your own order

    look here: https://wordpress.org/plugins/intuitive-custom-post-order/screenshots/

    in reply to: Portfolio Item not alligned #712615

    yes that is what i said

    well you got different original sizes of your images
    the height is 430px but i see 1200, 1440 and 1500 px width.

    but i try to help you without image resize

    in reply to: Portfolio Item not alligned #712605

    isn’t there a choice on grid layout for : portfolio grid image size ?
    try to take a panorama size – these images are cropped than – use f.e. “entry without sidebar”. because if you use the 1500x430px and your image does not have that width it could not be cropped to the same size.
    I think if you use a smaller source image size where all of your images are bigger than it will work too here

    so if the image is smaller ( f.e. 1440px x 430px ) it will be enlarged to (1500px x 448px)
    if it is 1200px x 430px it will enlarged to 1500px x 537px

    in reply to: Portfolio Item not alligned #712585

    well you got different original sizes of your images
    the height is 430px but i see 1200, 1440 and 1500 px width.

    and you are using the grid portfolio layout. So there is a grid with fixed dimensions.
    try the Masonry – you can choose portfolio entry as well and than take under size settings the perfect grid option.
    If you put the masonry not in a container it is 100% screenwidth too!

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

    well i know one method by having a header.php copy in the child-theme folder
    Open that copy and look for: (it is in line 9 on actual enfold header.php)

    
    $av_lightbox= avia_get_option('lightbox_active') != "disabled" ? 'av-default-lightbox' : 'av-custom-lightbox';
    

    and replace it by :

    
    $av_lightbox= avia_get_option('lightbox_active') != "disabled" && !is_page(990) ? 'av-default-lightbox' : 'av-custom-lightbox';
    

    perhaps there was a hook method – to do this.

    and you see that there is no alignment now because icons are different width – give the container a fix width:

    #av_gmap_1 .av_font_icon {
        color: #9c27b0 !important;
        opacity: 1 !important;
        width: 36px !important;
    }

    thats it

    if you want it a bit bigger those icons:

    #av_gmap_1 .av-icon-char::before {
        font-size: 24px;
        position: relative;
        top: 2px;
    }

    edit: or better place the icons with vertical align:

    #av_gmap_1 .av-icon-char::before {
        font-size: 24px;
        position: relative;
        vertical-align: middle;
    }
    • This reply was modified 8 years, 7 months ago by Guenni007.

    yes i understand that but otherwise you have to wait til a mod is on your thread:

    i don’t understand how you create this bubble info – because there are some color style informations on each and an opacity set.
    you can change it all by :

    #av_gmap_1 .av_font_icon {
        color: #900 !important;
        opacity: 1 !important;
    }

    but i guess it is the opacity info which you want to get rid off – so only change that part of code

    if you want a specific color for each tell us.

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

    it would be much easier to help you with a link.
    How did you place the fontello icon in that google map?

    in reply to: Using a font icon in templates #711362

    zwei deutsche die sich englisch unterhalten :lol:

    – ja das hatte ich ja ganz am Anfang für dich auch so gesetzt. Dann dachte ich das Pumpen wäre besser – in Kombination sieht es gut aus und ist in der Größe auch nicht so aufdringlich.

    Wäre das nicht auch ne gute idee für dich. Auf der Testseite habe ich das Hamburger Menu für die gesamte Seite – also auch auf Mobile gesetzt und ich überdecke nicht die ganze Seite mit dem Menu sondern nur einen Teil (wobei man natürlich die Wahl hat wie das abgedeckt wird (dunkel – hell oder farbig etc. ):

    http://webers-testseite.de/elegant

    PPS: Mein Hoster hat momentan Probleme, deshalb könnten manche Seiten von mir momentan nicht erreichbar sein.

    PPPS: :wink: du darfst mir aber gerne mal einen Tip geben worauf ich beim Umsteigen auf https achten muss. !Danke
    E-Mail siehst du ja bei anklicken meines Avatares.

    • This reply was modified 8 years, 7 months ago by Guenni007.
Viewing 30 posts - 10,111 through 10,140 (of 11,475 total)