Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #1488502

    Dear Experts,
    I am supporting a pubs’ page and would like to get rid of the logo need and add the name of the pubinstead so it gets displayed and stays sticky on all screensizes.
    Can you help me with that?
    thanks
    Anja

    #1488515

    Hey amollde,

    Thank you for the inquiry.

    Have you tried uploading the pub name or text as an image? You can create an image file using any image editor, such as Photoshop. Add the pub name as text, save the file as a PNG with a transparent or white background, then upload it as a logo in Enfold > Theme Options. Let us know the result.

    Best regards,
    Ismael

    #1488546

    you can use f.e. the filter: avf_logo_final_output
    using the settings on bloginfo and the page-title

    function use_text_logo_only($logo){
    $link = apply_filters( 'avf_logo_link', home_url( '/' ) );
    $logo_tag = "h1";
    $logo_heading = "Your Text for Logo";
    $alt = get_bloginfo( 'name' );    
    $title = get_bloginfo( 'name' );
    $page_title = get_the_title();
    
    if(is_front_page()){
     $logo = '<a class="logo text-logo" href="'.$link.'" alt="'.$alt.'" title="'.$title.'"><'.$logo_tag.'>'  .$logo_heading.'</'.$logo_tag.'></a>';
    }
    else{
      $logo = '<a class="logo text-logo" href="'.$link.'" alt="'.$alt.'" title="'.$page_title.'"><'.$logo_tag.'>'  .$logo_heading.'<span class="page-title"> - '.$page_title.'</span></'.$logo_tag.'></a>';
    }
    return $logo;
    }
    add_filter('avf_logo_final_output','use_text_logo_only');

    you see that here are some conditionals
    here the front-page shows only the bloginfo – all other pages both blog-info and page-title

    fit it to your needs .

    Some css will finish the setting then – but it will be best to see the page it belongs to.

    f.e.

    #top .logo.text-logo  {
      height: auto;
      display: block;
      margin: 0 !important;
      position: absolute !important;
      top: 50%;
      transform: translateY(-50%);
    }
    
    #top .logo.text-logo h1  {
      margin: 0 !important;
      font-size: 42px;
    }

    see here example: https://basis.webers-testseite.de/

    there had to be some adjustments for responsive styling – because i will change it after you have seen the page – i do not want to do that.

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.