Forum Replies Created

Viewing 30 posts - 8,311 through 8,340 (of 11,501 total)
  • Author
    Posts
  • 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 7 years, 3 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 7 years, 3 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 7 years, 2 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 7 years, 3 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.

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

    so this would be a great thing with svg – but that little subtext – even if it is sharp will be not good readable.
    i see you have for that spinning logo an alternative logo.
    Is it possible to have for the web f.e.:

    PS : it does not make any sense to have a very big image scaled by wordpress to a small one.
    It is better (not only on perfermance reasons) to reduce the size to the exact starting dimension which you need ( 250px x 88px )
    Graphic Programs do have better algorithms to scale images for web than wordpress can do.

    What Font do you have used for your logo ( is it Avalon ? – or Avant Garde Gothic ). – Or do you have your logo as Illustrator File ?
    So we can check my statement with the svg file

    Or maybe this could be an option for you:
    https://webers-testseite.de/cynthia/unite4-2/

    in reply to: Pop Out Video #938994

    yes for example now you have on “Equipment Rental & Setup” an image – go to that image alb element and set a manual link on that image.
    Paste f.e.

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

    in to that manual link and see if the result is what you like to have.
    By the way the dimension of that lightbox can be adjusted if you like

    in reply to: How to keep button in one line across all screens #938875

    please a link or the way you set up that button row
    Layout screenshot f.e.

    or try with body#top etc.
    because the original button rule starts on body too:
    body div .avia-button …

    body#top .avia-button.avia-size-x-large {
        padding: 25px 25px 23px;
        font-size: 18px;
    }

    maybe an !important is necessary on those rules

    best would be to be more specific to have a custom class on it

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

    can we see the logo ? ( or link to page ) – is it possible to have instead a svg ?

Viewing 30 posts - 8,311 through 8,340 (of 11,501 total)