Forum Replies Created

Viewing 30 posts - 4,951 through 4,980 (of 11,505 total)
  • Author
    Posts
  • in reply to: Background Image on iPad Stretched #1230202

    Is there also a public link to it, or do you have to keep the site private?
    ( By the way – if it is a blue pattern – and no photorealistic images – then you can set the pattern to repeat.
    A lot of patterns are in this way that they are seamless on repeating them )

    in reply to: How to blur the background image in a color section? #1229760

    Does your background-image scroll or is it set to fixed?
    (Edit : i ask – because there will be a solution if it is set to scroll.)

    _____

    But however it will be easier to blur it in a graphic programm and upload that blurred image.

    in reply to: Copy/Clone slide Caption Content to div outside slider. #1229362

    i think i got it with MutationObserver – but it would be nice/better to have a solution that uses existing triggers or functions

    Or is it possible to use out of the slideshow.js an existing function like: after_slide or a used trigger ( maybe: avia-transition-done ) for that ?

    we need an expert
    you see in DOM that the cell is dynamically inserted – but only the first slide.

    in reply to: easy slider caption on the right #1229119

    Darunter versuche ich jetzt die Grid-Row.

    in reply to: easy slider caption on the right #1229117

    Hallo Tobias : das wird mit dem Sliden ein Problem – denn das ist irgendwie auf Overflow: hidden angewiesen.
    Eventuell kannst du mit faden ja zufrieden sein:
    Das wäre hier so ein aufbau:

    Color-Section : 1/1 container darin – dort dann einen easy slider platziert:
    Der Color-Section gab ich eine benutzerdefinierte Klasse.

    .slideshow-test .avia-caption {
        position: absolute;
        left: 60%;
        z-index: 50;
        top: 0;
        width: 40%;
        height: 100%;
        padding: 30px;
    }
    
    .slideshow-test .avia-slideshow li img {
        display: block;
        width: 60%;
        margin: 0;
        border-radius: 3px;
        position: relative;
    }
    
    .slideshow-test .avia-slideshow li  {
        z-index: 10 !important;
    }
    
    .slideshow-test .avia-slideshow-inner::before {
        content: "";
        background-color: #f9be46;
        width: 40%;
        height: 100%;
        z-index: 10;
        position: absolute;
        right: 0;
    }
    
    .slideshow-test .caption_framed .slideshow_caption .avia-caption-content p, 
    .slideshow-test .caption_framed .slideshow_caption .avia-caption-title, 
    .slideshow-test .avia-caption .avia-caption-content p, 
    .slideshow-test .avia-caption .avia-caption-title {
        background: none;
        display: inline-block;
        margin: 0 0 1px 0;
        padding: 10px 15px;
    }

    https://webers-testseite.de/tobiasp/
    aber: du siehst, dass der responsive Fall natürlich ein Problem darstellt. Bei Viel Text in der Caption.
    Und das Laden nicht so gelingt ohne den Übergang zu vermeiden. Daher bleibe ich mal dran an dem Thema.
    Ich muss mich da wohl oder Übel einlesen in “mutationobserver”

    Ich habe hier mal eine Anfrage, dass wäre sicherlich eine Lösung: https://kriesi.at/support/topic/bind-event-to-slide-change/

    • This reply was modified 5 years ago by Guenni007.

    PS: wenn du auf allen Seiten Transparenz im Responsiven Fall möchtest, dann musst du das im Content auf den Seiten mit einberechnen – heißt z.B. bei der Modell Seite, oben Platz zu lassen. ( entweder Einfügen eines white separators : Vorteil – den könnte man nur für den Responsvien Fall anzeigen lassen ; oder der Color-Section generell ein huge-padding zu geben.

    Sonst sieht es nämlich so aus:

    Und wie gesagt, ich würde das Logo im responsiven Fall links floaten lassen und das Zentrieren somit aufheben.

    • This reply was modified 5 years ago by Guenni007.

    zunächst einmal : Du schreist mich nicht wirklich an – oder ? Nichts Anderes ist es wenn man in Foren Alles in Großbuchstaben schreibt ;)

    Also wenn Du bitte zunächst das mal umsetzt und auch kurz dann so lässt, dann kann man eventuell auch den Rest noch erledigen.

    Dann wäre es hilfreich, du würdest für die Zeit des Layouts das Merging abstellen. Zumindest das vom CSS – dann sieht man auch schneller wo andere Einstellungen mit hineinspielen.

    Das Logo muss die Möglichkeit haben bei sehr kleinen Screenweiten auf den verbleibenden Platz zu reagieren; oder du musst um für alle Screenweiten die gleiche Größe zu haben – Auch für breitere Screens ein Kleineres Logo in Kauf nehmen.
    Das Logo hat am Anfang ungefähr eine Weite von 400px – wie willst du das ohne Veränderung in eine Screenbreite von 375px inclusive dem Hamburger-Menü und Padding sonst unterbringen?

    Versuche jetzt bitte mal das hier:

    @media only screen and (max-width: 989px) {
      .responsive #top #wrap_all #header .container {
        width: 90%;
        max-width: 90%;
      }
       
      #header {
        position: fixed !important;
        height: 80px !important;
        max-height: 80px !important;
      }
      
      #header_main {
        border: none;
      }
      
      .responsive #top #wrap_all .av_header_transparency {
        background-color: transparent;
      }
    
      .responsive #top .header_bg {
        opacity: 1;
        filter: alpha(opacity=100);
        background-color: rgba(255,255,255,0.6) !important;
      }
     
      .responsive #top .av-logo-container ,
      .responsive #top .logo a,
      .responsive #top .logo img {
        max-height: 80px !important;
      }
      
      .responsive.html_header_transparency #top #main {
        padding-top: 0 !important;
      }
      
      .responsive #top .av-main-nav .menu-item-avia-special a {
        height: 80px !important;
        line-height: 80px !important;
      }
    }

    teste es geren mit dem rgba(255,255,255,0.3) aber du wirst sehen, dass etwas weniger Transparenz besser aussieht. Das ist aber Dir überlassen.

    ______________________
    first of all : you are not really shouting at me – are you ? Nothing else is it if you write everything in capital letters in forums ;)

    So if you please put this into practice and leave it like this for a short time, then you might be able to do the rest.

    Then it would be helpful if you would turn off the merging for the time of the layout. At least that of the CSS – then you can see more quickly where other settings play a role.

    The logo has to be able to react to the remaining space on very small screens; or you have to accept a smaller logo to have the same size for all screens – even for wider screens.
    The logo has a width of about 400px at the beginning – how else do you want to fit this into a screen width of 375px including the hamburger menu and padding without changing it?

    for the non transparent header sites you have to get rid of:

    .responsive.html_mobile_menu_tablet.html_header_top #top #main {
        padding-top: 0 !important;
        margin: 0;
    }

    and maybe you decide not to have the centering of the logo on responsive case too:

    @media only screen and (max-width: 989px) {
    	.html_header_top.html_logo_center .logo {
    		left: 0;
    		-webkit-transform: none;
    		-ms-transform: none;
    		transform: none;
    	}
    }

    Remove all your settings on that and try :

    @media only screen and (max-width: 989px) {
      .responsive #top #wrap_all #header .container {
        width: 90%;
        max-width: 90%;
      }
       
      #header {
        position: fixed !important;
        height: 80px !important;
        max-height: 80px !important;
      }
      
    
      .responsive #top #wrap_all .av_header_transparency {
        background-color: transparent !important;
      }
     
      .responsive #top .av-logo-container ,
      .responsive #top .logo a,
      .responsive #top .logo img {
        height: 80px !important;
        max-height: 80px !important;
      }
      
      .responsive.html_header_transparency #top #main {
        padding-top: 0 !important;
      }
      
      .responsive #top .av-main-nav .menu-item-avia-special a {
        height: 80px !important;
        line-height: 80px !important;
      }
    }

    maybe you should insert a logo with invers colors on normal place in Enfold – and the white logo on header – transparency options.

    in reply to: Shrinking of header – Amount – An Info #1228516

    because only the shrink factor decides the divisors on that lines ( you can shorten out the absolute height on beginning )
    your decision is only the shrink_factor now. if you like to shrink 5 times ( f.e. from 100px to 20px) the divisior on line 76 is 5
    on line 64 the divisor is 5 / (5-1) = 1.25

    this way ?

    add_action( 'wp_enqueue_scripts', 'wp_change_megamenu_script', 100 );
    function wp_change_megamenu_script() {
       wp_deregister_script( 'avia-megamenu' );
       $condition = (avia_get_submenu_count('avia') > 0);
       avia_enqueue_script_conditionally( $condition , 'avia-megamenu-child', get_stylesheet_directory_uri().'/js/avia-snippet-megamenu.js', array('avia-default'), $vn, true);
    }
    in reply to: Adding Social Icons to Main Men #1228508

    No i can’t : because i’m participant as you – so if there are different links in private content – i do not see them.
    On your link above i only the the Maintenance Mode Page

    Maybe you can look to the enfold options : header – extra elements – Header Social Icons : and set it to “Display in main header area”
    _______
    By the way: Even if GB is no longer part of the European Community – you must comply with the GDPR.
    Every page with links or share the identity of the site owner (even a phone number is sufficient) must have an imprint and a privacy policy page.

    Many of the “Under Construction” sites make the mistake of providing contact information and fall into the legal trap

    in reply to: SVG Logo issues/questions in Enfold 2017 Theme #1228502

    the svg support plugin offers the possibility to have inline svg. but you don’t use that for logo?
    on your logo there is now in the dom a <img src="/wp-content/uploads/your-logo.svg" …>
    in this case you only had to insert on Enfold Options the link to your alternate Logo : – Header – Transparency Options : Transparency Logo

    maybe a link to your site could help me to give more advice
    ________
    On that page here i use my svg as an inline-svg – and do change the fill color of the letters on header-scrolled
    and transparency. So i do not need a different transparency logo on that case ( one svg – and change fill color )
    https://webers-testseite.de/pureinstall/

    in reply to: easy slider caption on the right #1228500

    Hallo Tobias – is there a page i can see as a participant too?
    Your page link above goes to an answer of mine – so maybe i got an idea.

    Can you test please if it is enough if you exclude that page from loading the script by this in your child-theme functions.php
    Change Page ID to your needs

    add_action( 'wp_enqueue_scripts', 'conditionaly_deactivate_lightbox_script', '100' );
    function conditionaly_deactivate_lightbox_script() {
        if(is_page(38198)){
          wp_deregister_script( 'avia-lightbox-activation' );
        }
    }

    so on Enfold on a masonry the link will be present but no lightbox is opend. Maybe your script will then take over that function.

    in reply to: Create a sticky sidebar #1228383

    have a look here : https://webers-testseite.de/sticky-sidebar/
    the code – and instruction is there.
    and similar to that : https://webers-testseite.de/sticky-elements/

    Thanks –
    I already did this – and also reimport them.

    now I have taken an even more drastic action:
    I exported the portfolios all to another test platform, then deleted them all, emptied the trash can, logged in to mysql and cleaned the database.
    Also deleted all portfolio “categories”.
    Reset the permalinks (same settings, but I wanted to make sure that the portfolio permalink structure didn’t play a role here). Then I played back the portfolios. Now it works.
    Still it remains a mystery to me why only in the list view the portfolios were displayed incompletely and incorrect – and the other views were all displayed correctly.

    Of course I had changed the names of the portfolios for some inquiries here on board. The Custom Post Type once set to Books ( you may remember ) and back again. But why it only went wrong with the list views I don’t understand.

    Anyway: can be regarded as done.

    in reply to: Header visibility and transparency #1228200

    Does it work as you like to have it?
    Your site is only available with the front-site for non logged-in users.

    in reply to: z-index problem #1228044

    Yes that was a svg file
    PS : Guess the big C is Verdana –

    It was nice that we talked about it;
    I would have described the solution to you now – but that it doesn’t look exactly like the one on your site I can save myself the trouble now.

    Good luck to you

    in reply to: z-index problem #1228021

    this was an existing site and i only changed logo etc. for your setting on one page.
    i added some menu points and gave a submenu to home.

    The page should show you that it can be done with svg ( and i do not adjust the rest on that site – it is only a testpage – that menu and submenus are working with that logo constellation )

    in reply to: z-index problem #1228018

    it is a bit more complex – besides the svg preparation – it needs a shinkfactor of 3
    the transition of the letters at header-scrolled is just an addon.

    To better see the active anchor shape i let a little transparency in pink in it

    • This reply was modified 5 years ago by Guenni007.
    in reply to: z-index problem #1227939

    no – Safari won’t support this – hm let me think about that problem a while

    i think we won’t be able to get around converting your logo to svg, and setting the link via svg. ( SVG Shapes )

    if you got a svg file – please post the link to it.
    Or tell me what font you have used in your logo

    • This reply was modified 5 years ago by Guenni007.
    in reply to: z-index problem #1227934

    can you pleas look if this will work on all browsers:
    put it in quick css:

    .logo, .logo a {
        -webkit-clip-path: polygon(0px 0px, 0px 100%, 35.00% 100.00%, 35% 50%, 100% 50%, 100% 0%);
                clip-path: polygon(0px 0px, 0px 100%, 35.00% 100.00%, 35% 50%, 100% 50%, 100% 0%);
        overflow: hidden!important
    }
    
    .header-scrolled .logo, .header-scrolled .logo a {
        -webkit-clip-path: polygon(0px 0px, 0px 80%, 35% 80%, 35% 50%, 85% 50.00%, 85% 0%);
                clip-path: polygon(0px 0px, 0px 80%, 35% 80%, 35% 50%, 85% 50.00%, 85% 0%);
        overflow: hidden!important
    }
    in reply to: Icons in bullets #1227928

    yes but the link of demicoli00 is something different- it shows how to have icons before a list of tel, email, location etc. f.e. in the footer widget or on top in phone-info field:

    what you are showing is a normal Advanced Layout Element : Icon List
    Click on the Icon List Element – click on one Element in the list and on that new popup you can choose the icon you like.

    On that linked page above i can see your icons.
    But if you got trouble on a different page see: https://kriesi.at/documentation/enfold/icon/#icons-are-showing-as-rectangular-boxes-

    • This reply was modified 5 years ago by Guenni007.
    in reply to: Header visibility and transparency #1227925

    yes – do you have ftp access to your installation to go back in case there is something went wrong on your turn.

    there is a place just before end :
    require_once( 'functions-enfold.php');

    there is a comment on that line 788ff:

    /*
     *  register custom functions that are not related to the framework but necessary for the theme to run
     */

    but copy past it – otherwise the quotation-marks are wrong
    the answer is marked as just for info – for you it is enough :

    add_filter('avf_header_setting_filter', function($header) {
    	$header['header_transparency'] = 'header_transparency';
    	$header['header_class'] .= " av_header_transparency";
    	return $header;
    }, 10, 1);
    in reply to: Header visibility and transparency #1227892

    And one important thing: you can use the filter with conditional tags only for some pages.
    If these settings are in contrast to the settings of your Enfold Options – you might remove some classes from the header then.

    in reply to: Header visibility and transparency #1227889

    now only read if you like to learn something about that filter:

    if you see the enfold options dialog for the header settings you see:
    (alway click to enlarge the images)
    first tab:

    and second tab:

    have a look to register-admin-options.php (enfold – includes – admin : register-admin-options.php )
    all starts on lines 4027 the slug: header
    and you will find the given settings and their possible values:

    TAB: header layout
    
    	ID: header_layout:
    		'logo_left main_nav_header menu_right'
    		'logo_right main_nav_header menu_left'
    		'logo_left bottom_nav_header menu_left'
    		'logo_right bottom_nav_header menu_center'
    		'logo_center bottom_nav_header menu_right'
    		'logo_center bottom_nav_header top_nav_header menu_center'
    
    	ID: header_size:
    		'slim'
    		'large'
    		'custom'
    
    	ID: header_style:
    		''
    		'minimal_header'
    		'minimal_header minimal_header_shadow'
    
    	header_title_bar:
    		'title_bar_breadcrumb'
    		'title_bar'
    		'breadcrumbs_only'
    		'hidden_title_bar'
    
    TAB: header behavior
    
    	ID: header_sticky:
    		'header_sticky'
    		''
    
    	ID: header_shrinking (only if sticky is true)
    		'header_shrinking'
    		''
    
    	ID: header_unstick_top
    		'header_unstick_top'
    		''
    
    	ID: header_stretch:
    		'header_stretch'
    		''

    (shortend to have better overview )

    the settings made there in your Enfold Options are evaluated in the functions-enfold.php ( enfold : functions-enfold.php ).
    From lines : 1098ff
    on lines 1178ff the transparency is defined and the settings will be:

    	ID: header_transparency
    		header_transparency
    		header_transparency header_glassy

    that used filter is set on : line 1318

    you now see the syntax of the filter usage:

    the only thing you have to remind is that you have to add the concerning classes to the header – and they all start with the av_
    dont forget to have on the first added class a blank space too!

    add_filter('avf_header_setting_filter', function($header) {
    	$header['header_layout'] 		= 'logo_right main_nav_header menu_left';
    	$header['header_size'] 			= 'large';
    	$header['header_style'] 		= 'minimal_header';
    	$header['header_title_bar'] 	= 'title_bar_breadcrumb';
    
    	$header['header_sticky'] 		= 'header_sticky';
    	$header['header_shrinking'] 	= 'header_shrinking';
    	$header['header_unstick_top'] 	= 'header_unstick_top';
    	$header['header_stretch'] 		= 'header_stretch';
    
    	$header['header_transparency'] 	= 'header_transparency header_glassy';
    
    	$header['header_class'] .= " av_logo_right av_main_nav_header av_menu_left av_large av_minimal_header av_title_bar_breadcrumb av_header_sticky av_header_shrinking av_header_unstick_top av_header_stretch av_header_transparency av_header_glassy";
    
    	return $header;
    }, 10, 1);

    try to do it in the given sequence of options dialog ( transparency at last )

    some pre settings will not work because they exclude each other ( transparency and bread-crumps ) – or always be together ( glassy without transparency – no)

    • This reply was modified 5 years ago by Guenni007.
    in reply to: Header visibility and transparency #1227888

    Well you can use the filter: avf_header_setting_filter
    one thing to think of is in the original comment of that source code part:
    //create a header class so we can style properly

    put this to your child-theme functions.php :

    add_filter('avf_header_setting_filter', function($header) {
    	$header['header_transparency'] = 'header_transparency';
    	$header['header_class'] .= " av_header_transparency";
    	return $header;
    }, 10, 1);
Viewing 30 posts - 4,951 through 4,980 (of 11,505 total)