Forum Replies Created

Viewing 30 posts - 8,011 through 8,040 (of 11,205 total)
  • Author
    Posts
  • in reply to: you tube related videos turn off #940477

    on the right side of that test page there is a code-block in a container.
    The codeblock has no checkmark at all and the content is:

    <div>
    	<iframe width="720" height="405" src="https://www.youtube.com/embed/QQaGgPVLM88?enablejsapi=1&loop=1&rel=0&ecver=2&showinfo=0&color=white&iv_load_policy=3" gesture="media" allow="encrypted-media" allowfullscreen></iframe>
    </div>

    and you see on pause the video there are no overlays at all ( that is the ecver=2 option)

    in reply to: you tube related videos turn off #940468

    so this is your url on youtube: https://www.youtube.com/watch?v=QQaGgPVLM88

    the first option to set must have a Questionmark ?rel=0 every following option gets an ampersand &

    the ecver=2 is to have not on pause the related videos too ! so try to add following options
    if you don’t like the autoplay – get rid of it

    
    https://www.youtube.com/watch?v=QQaGgPVLM88?autoplay=1&ecver=2&showinfo=0&loop=1&rel=0

    https://www.youtube.com/watch?v=QQaGgPVLM88?autoplay=1&ecver=2&showinfo=0&loop=1&rel=0

    the video alb does not accept those links


    but an image with that manually added link does the trick – you only have to add the
    &iframe=true

    https://www.youtube.com/watch?v=QQaGgPVLM88?autoplay=1&ecver=2&showinfo=0&loop=1&rel=0&iframe=true

    by the way – boardsoft changes ever ampersand & to a different sign – so it does not work here on click

    but see and click the image on the left:
    https://webers-testseite.de/videos-on-lightbox/

    for your special interest and following: https://kriesi.at/support/topic/how-to-play-youtube-video-full-width-on-going-issue-mobile-and-responsive/#post-937554

    in reply to: Page shouldn't be scrollable when lightbox is opend #940454

    not to fix the page – but to fix the lightbox with its image.

    .mfp-wrap {  position: fixed !important }
    

    but look if this works on mobile too – because fixed positioning can be ugly
    than use instead

    html:not(.avia_mobile) .mfp-wrap {  position: fixed !important }
    
    in reply to: Logo not sharp enough on my website #940264

    to your questions from:
    https://kriesi.at/support/topic/logo-not-sharp-enough-on-my-website/#post-940054

    Enfold does not have that element –
    this is a masonry with perfect grid and show Titel and Excerpt on hovering: https://webers-testseite.de/categories/

    in reply to: Logo not sharp enough on my website #940233

    Give the rule an important:

    @media only screen and (max-width: 767px) {
    .responsive .logo  {
    display: block !important ;
    }
    .logo img {
        height: 161% !important;
        max-height: 129px !important;
    }
    } 

    and go to the first color-section and look to its options where you insert the images.
    A bit under the input field of Background Repeat setup as “stretch to fit — cover the element”
    and see if this isn’t better .

    • This reply was modified 6 years, 10 months ago by Guenni007.
    in reply to: Logo not sharp enough on my website #940100

    tomorrow will be more time.
    but please do the adjustments first – its not perfect now https://kriesi.at/support/topic/logo-not-sharp-enough-on-my-website/#post-940043

    in reply to: Logo not sharp enough on my website #940053

    to your menu – the font is very big 30px is suitable for people with a visual impairment ;)
    i think 24px will be more than necessary:

    #top #header .av-main-nav > li > a {
        font-size: 24px;
    }
    in reply to: Logo not sharp enough on my website #940049

    see above the total code – maybe your a bit mixed up .

    on resposive case ( smaller screens than 768px) the header height is set from enfold to 80px not your given (88px) so the values must be adjusted.

    by the way your background image is not set to cover the place. so there are sometimes white borders

    in reply to: Logo not sharp enough on my website #940043

    but what did happen to your page now – there is a

    Coming Soon!
    In sha Allah

    No facebook – i’m a privacy person ;)

    Edit : aha a new link

    but change the values
    to the new adjusted for you values above !

    here is it in total:

    #header_main {
        border-bottom: none;
        box-shadow: 0 8px 5px -5px #999;
    }
    .responsive .logo {
        display: block;
    }
    .logo, .logo a {
        overflow: visible;
    }
    .logo img {
        height: 161% !important;
    	max-height: 142px !important;
    }
    
    @media only screen and (max-width: 767px) {
    .responsive .logo  {
    display: block ;
    }
    .logo img {
        height: 161% !important;
        max-height: 129px !important;
    }
    } 
    • This reply was modified 6 years, 10 months ago by Guenni007.
    in reply to: Logo not sharp enough on my website #940039

    by the way there is a possibility to not shrink to the half but f.e to 60%

    in reply to: Logo not sharp enough on my website #940035

    changings the rest wil be as it is:

     .logo img {
        height: 161% !important;
        max-height: 142px !important;
    }
    
    @media only screen and (max-width: 767px) {
    .responsive .logo  {
    display: block ;
    }
    .logo img {
        height: 161% !important;
        max-height: 129px !important;
    }
    } 
    in reply to: Logo not sharp enough on my website #940027

    it is a bit bigger to have some quality.

    pull the browser window a bit smaller till the burger menu appears.
    That is the behavior !

    these are the quick css entries:

    #header_main {
        border-bottom: none;
        box-shadow: 0 8px 5px -5px #999;
    }
    .responsive .logo {
        display: block;
    }
    .logo, .logo a {
        overflow: visible;
    }
    .logo img {
        height: 160% !important;
    	max-height: 130px !important;
    }
    
    @media only screen and (max-width: 767px) {
    .responsive #top .logo { display: block }
    } 

    if you have placed the code and image we will see how to adjust for your settings – do i have a link?

    in reply to: Logo not sharp enough on my website #940017

    well first of all this is a little image trick with a png file – if you click to see in lightbox you will see how it is looking like:


    only the bottom is transparent and has a shadow surrounding that transparency.

    Download: (drag and drop from lightbox to your desktop) https://s18.postimg.cc/5znaf2kg7/Unite4.png?dl=1

    • This reply was modified 6 years, 10 months ago by Guenni007.
    in reply to: Impossible to comment #940011

    There is only one thing missing – an if clause – if comments are allowed .
    Because if not there will be an empty container but with dimensions

    well i do not know if there is a shorter cleaner code for a or b but alway c
    try this please:

    add_filter('avf_template_builder_content', 'avf_template_builder_content_comment_mod', 10, 1);
    function avf_template_builder_content_comment_mod($content = "")
    {
      if(is_singular('post') && comments_open() || is_singular('portfolio') && comments_open() ) {
        $comment = do_shortcode("[av_one_full first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='30px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='#efefef' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' custom_class='custom-class'][av_comments_list av-mini-hide='aviaTBav-mini-hide' custom_class=''][/av_one_full]");
        $content = $content . $comment ;
      }
      return $content;
    }

    this comes as always in the functions.php of your child theme – you only have to look for the shorcode you like to have in the postings.
    Create your comment alb element with the surroundings you like to have – with all screen options and so on – aktivate the debug mode and notice the shortcode generated. this comes to the do_shortcode input field.
    From that time on you have always under the content your comments field – if comment are open.

    in reply to: Logo not sharp enough on my website #940002

    i will tell you soon – i’m still on a project and have no time yet – maybe in half an hour.

    in reply to: Impossible to comment #940000

    but the commentfunction has to be activated:

    add_filter('avf_template_builder_content', 'avf_template_builder_content_social_mod', 10, 1);
    function avf_template_builder_content_social_mod($content = "")
    {
      if(is_singular('post') || is_singular('portfolio')) {
        ob_start();
        avia_social_share_links(array(), "," , false);
        $social = ob_get_clean();
        $comment = do_shortcode("[av_comments_list av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='']");
        $content = $content . $social . $comment ;
      }
      return $content;
    }

    if you only want the comments under the content: ( i will look to embed this in some divs that it will look better )

    add_filter('avf_template_builder_content', 'avf_template_builder_content_comment_mod', 10, 1);
    function avf_template_builder_content_comment_mod($content = "")
    {
      if(is_singular('post') || is_singular('portfolio')) {
        $comment = do_shortcode("[av_comments_list av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='']");
        $content = $content . $comment ;
      }
      return $content;
    }

    PS : you have to look what shortcode fits to your gusto- ( screen options)
    this is for hide on small and mini with custom class:

    [av_comments_list av-small-hide='aviaTBav-small-hide' av-mini-hide='aviaTBav-mini-hide' custom_class='custom-class']
    

    or more styled with a 1/1 full container you can take this as shortcode etc. pp

    [av_one_full first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='30px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='#efefef' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' custom_class='custom-class'][av_comments_list av-mini-hide='aviaTBav-mini-hide' custom_class=''][/av_one_full]
    
    in reply to: Impossible to comment #939974

    is there no posibility to add this to alb generated posts / events via avf_template_builder_content filter ?

    there was a snippet which adds the social share buttons under even alb generated posts, portfolio ( events etc.)
    maybe there is a way to have comment function

    in reply to: Unique Logo – Transparent Header #939945

    by the way avf_header_setting_filter can be used to give one page a unique header style:

    Nice things f.e. for a portfolio page to have that design

    add_filter('avf_header_setting_filter','av_change_header_style');
    function av_change_header_style($header){
        if( is_front_page() ){
            $header['header_position'] = "header_right header_sidebar";
        }
        return $header; 
    }
    in reply to: Unique Logo – Transparent Header #939933

    take please your is_page(15) this works definitly

    or i dont know why:

    add_filter('avf_header_setting_filter','replace_transparent_logo_on_homepage_only');
    function replace_transparent_logo_on_homepage_only($header)
    {
        if( is_front_page( ) ){
            $header['header_replacement_logo'] = "http://adamwolfpt.pcscloudsolutions.com/wp-content/uploads/adam-wolf-pt-logo-color-transparent.png";
        }
        return $header; 
    }

    normaly is_home( ) should work if the front-page is a page ! you can see it in your source code that the startpage gets the home class ???

    in reply to: Unique Logo – Transparent Header #939926

    Try this instead:

    add_filter('avf_header_setting_filter','avf_header_setting_filter_mod');
    function avf_header_setting_filter_mod($header)
    {
        if( is_home( )  ){
            $header['header_replacement_logo'] = "http://adamwolfpt.pcscloudsolutions.com/wp-content/uploads/adam-wolf-pt-logo-color-transparent.png";
        }
        return $header; 
    }

    by the way if you have a post as landing page it must be is_frontpage

    and the function name is free in use – sometimes a bit more meaningfull is better

    add_filter('avf_header_setting_filter','replace_transparent_logo_on_homepage_only');
    function replace_transparent_logo_on_homepage_only($header)
    {
        if( is_home( ) ){
            $header['header_replacement_logo'] = "http://adamwolfpt.pcscloudsolutions.com/wp-content/uploads/adam-wolf-pt-logo-color-transparent.png";
        }
        return $header; 
    }
    • This reply was modified 6 years, 10 months ago by Guenni007.
    in reply to: Issue with Sidebar being pushed to the bottom of page #939893

    can you please show me the page where you have besides a grid row a sidebar? i can not reproduce it

    in reply to: secondary menu and Logo on iPad #939856

    if you need further assitance – feel free to e-mail me

    in reply to: Logo not displaying correctly on Desktop Browser #939836

    if you see it in the backend and if you see it on mobile – i guess you have a heading setup on that page with transparent or glassy header !
    on mobile these option is lost and a normal header is visible instead – so you see the enfold options logo then.
    on desktop the logo in enfold – header – transparency options is taken. This is an alternative logo for glassy or transparent header . Have a look if there is one set.

    in reply to: Pop Out Video #939433

    so here is the code to have a bit more bigger lightbox:

    .mfp-container {
    	text-align: inherit;
    	position: absolute;
    	width: 90vw;
    	height: 50vw;
    	left: 50%;
    	transform: translateX(-50%);
    	padding-top: 50px;
    }
    
    .mfp-iframe-holder .mfp-content {
        max-width: 100%;
        width: 100%
    }
    
    div.avia-popup .mfp-close {
        right: 5px;
        top: 5px !important;
        background: #900;
        border: 2px solid #ffee00;
    }
    in reply to: secondary menu and Logo on iPad #939249

    kann ich hier deutsch schreiben ?

    1. download von pastebin : https://pastebin.com/dl/CHZuH4hA
    2. umbenennen nach shrink_fix.js
    3. in deinem child-theme einen ordner erstellen js ,
    4. das file shrink_fix.js in diesen ordner hochladen.
    5. das folgende in die functions.php des child-themes:
    a) Laden der neuen Header-Height funktion:

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

    b) zwei neue Logos setzen, und später wird das in Enfold gesetzte Logo ausgeblendet
    Pfade, Namen und ggf Link des zweiten logos anpassen !

    function add_logos($logo) {
    	$logo .= '<span class="logo first-logo"><a href="/">' ;
    	$logo .= '<img src="/wp-content/uploads/hs-logo.jpg"/>';
    	$logo .= '</a></span>';
    	$logo .= '<span class="logo second-logo"><a href="https://url-nach-draussen" target="_blank">' ;
    	$logo .= '<img src="/wp-content/uploads/update-logo.jpg"/>';
    	$logo .= '</a></span>';
    	}
    	return $logo;
    add_filter('avf_logo_final_output', 'add_logos');	

    das ins quick css:

    .logo:first-child, .responsive .logo:first-child img{ display: none }
    
    .responsive #top .logo { height: inherit !important; position: relative}
    .logo.first-logo { z-index: 3}
    .logo.second-logo { z-index: 3}
    .logo.second-logo {37%}
    .logo.second-logo a {float: left}
    .logo.first-logo img, .logo.second-logo img {display: block}
    
    @media only screen and (max-width: 990px) { 
    div .logo {position: relative !important;}
    .responsive .logo.second-logo a {float: left; margin-left: 0px !important }   
    .logo.first-logo img, .logo.second-logo img{ max-width: 250px}
    }
    
    @media only screen and (max-width: 768px) { 
    .logo.second-logo { left: 3% !important }
    }
    
    @media only screen and (max-width: 468px) {  
    .logo.first-logo img, .logo.second-logo img{ max-width: 200px} 
    .logo.second-logo { left: 0 !important }
    }

    die Anweisung mit dem Z-index ist hier nicht nötig. War bei drei Logos mit einem in der mitte nützlich. – kann also weg

    Es werden sicherlich noch Anpassungen dann nötig sein; zB weil ich in der Testseite eine ander Header Höhe hatte.
    Eventuell downloadest du die Logos von meiner Seite :
    logo first-logo
    logo second-logo

    in reply to: Single event title in Events Calendar H2 instead of H1 #939192

    your welcome

    in reply to: secondary menu and Logo on iPad #939169

    so now have a look at: https://webers-testseite.de/two-logo-header/

    If this meets your needs, I’ll be happy to describe how it works

    in reply to: secondary menu and Logo on iPad #939115

    ich schreib jetzt mal deutsch – geht mir besser damit.
    Momentan teste ich das mit dem shrink event zu verknüpfen.
    Also beide logos sind momentan links – soll sich aber ändern.

    in reply to: secondary menu and Logo on iPad #939104

    yes but these are one logo
    first you have to split it into two separate logos –
    try to get same outer dimensions – best will be if the height is the same

    see link above with your logos-
    now i have placed the update logo in the center – on scrolling it goes to the left
    but i will see if it is possible to take the shrink calculation to have that the shrinking way not on reaching the header-scrolled

    in reply to: secondary menu and Logo on iPad #939065

    Sorry Sigmund – long time ago – did you try that ?

    here is a new example with two logos – i think you like to have those logos both to the left
    https://webers-testseite.de/two-logo-header/

    both do shrink and on responsive case they go under each other.

Viewing 30 posts - 8,011 through 8,040 (of 11,205 total)