Tagged: ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #689058
    #690083

    Hi kristofferm!

    Thank you for using Enfold.

    What do you mean by “in front of the logo”? Do you want the text to cover the logo image? Please provide the url of the site and a screenshot of the logo that you have in mind.

    Cheers!
    Ismael

    #690549

    Hi,

    I cant provide a link because it is a intranet and there for it can not be accessed from the outside…

    i just want the side title before the logo.
    so the logo will move depending on the length of the side title.

    [Side title] [Logo] [Menu]

    Best regards,
    Kristoffer

    #692172

    Hi,

    I think it would be best to include your text in question into your logo image. Otherwise it would be outside of our support scope and you would need to hire a freelance developer for this job: http://kriesi.at/contact/customization

    Best regards,
    Andy

    #692217

    you see here on support forum on top the logo of Kriesi and on the right site title and description.
    Is it that what you want but only the other way round
    Site Title and Description and on the right side the logo ?

    What do you mean by:

    The site title needs to be the same size text as the logo (48)

    does your Logo have sign trade marks and text – and the logo text has 48px (how do you measure it – because logo is fit in a given height)

    etc – so to understand your request can you create an image how it has to look like (photoshop montage f.e. or a drawing)
    to stay in your 48px the shrinking of header is off ! ???

    by the way – the php code above is not enough – you have to postion the subtext via quick css ! so it might be there but you can not see it !

    • This reply was modified 8 years, 1 month ago by Guenni007.
    #692222

    i use both site-title and site-description as well:

    add_filter('avf_logo_subtext', 'kriesi_logo_addition');
    function kriesi_logo_addition($sub)
    {
      $sub .= "<span class='logo-title'>";
      $sub .= get_bloginfo( 'name', 'display' );
      $sub .= "</span>";
      $sub .= "<span class='logo-title logo-subtitle'>";
      $sub .= get_bloginfo( 'description', 'display' );
      $sub .= "</span>";
      return $sub;
    }

    my css :
    very important: is to set to logo overflow visible ! because the text is in that box
    the transition settings and opacity is only for the deminishing text on scroll – if you dont like that get rid of it

    .logo img{float: left}
    #top .logo, #top .logo a {overflow: visible }
    #top .subtext {float: left; position: relative}
    
    #top .logo-title {
    transition: opacity 0.4s ease-out 0s;
    -moz-transition: opacity 0.4s ease-out;
    -webkit-transition: opacity 0.4s ease-out;
    -o-transition: opacity 0.4s ease-out;
        color: #4678ae;
        font-size: 44px;
        font-weight: bold !important;
        left: 7px;
        opacity: 1;
        position: absolute;
        top: -12px;
        white-space: nowrap;
    }
    
    #top .logo-subtitle {
        color: #aaa !important;
        font-size: 18px !important;
        left: 10px;
        top: 18px !important;
        font-weight: normal;
    }
    
    #top .header-scrolled .logo-title {
    opacity: 0;
    filter: alpha(opacity=0);
    }

    Result of mine see here: guenterweber.com

    #693170

    Hi,

    Please refer to @Guenni007’s posts above.
    If that does not help, please create a testing environment – http://kriesi.at/documentation/enfold/move-from-a-local-installation-to-a-live-server/ and provide logins there so we can look into it :)


    @Guenni007
    Thanks :)

    Best regards,
    Yigit

    #694927

    Thanks for the help!

    It worked as i wanted! :)

    But now my customer wants something else -.-‘

    I need the text(site title) on the left side of the header and then the logo on the right side of the header.
    I have tried to illustrate it below :D
    ______________________________________________________
    |__[Site title]____________HEADER________________[Logo]__|
    |__[Menu bar]_________________________________[Search]__|

    • This reply was modified 8 years, 1 month ago by kristofferm.
    #694933

    Same shit different name.
    it is best i think to take first the option with Logo right menu below.
    with quick css :

    #avia-menu.menu.av-main-nav {
        float: left;
        width: 100%;
    }

    your menu is than ok left menu right search !

    for the Rest i will have a look soon.

    #694939

    so here is my test on it: http://webers-testseite.de/elegant
    with logo right menu below options on enfold

    insert the WordPress Title (this is without WordPress Site Description) as above in your child-theme functions.php

    add_filter('avf_logo_subtext', 'kriesi_logo_addition');
    function kriesi_logo_addition($sub)
    {
      $sub .= "<span class='logo-title'>";
      $sub .= get_bloginfo( 'name', 'display' );
      $sub .= "</span>";
      return $sub;
    }

    This in Quick css :

    .logo, .logo a {
        overflow: visible;
        width: 100%
    }
    
    .logo-title {
        display: block;
        float: left;
        font-size: 36px;
        left: 0 !important;
        position: absolute;
    }
    
    .logo img {
        float: right;
    }
    
    #avia-menu.menu.av-main-nav {
        float: left;
        width: 100%;
    }
    
    @media only screen and (max-width: 767px) {
    .responsive .logo img {
        float: left !important;
    max-width: 80%
    }
    .responsive #top .logo {
        width: 100%;
    }
    .logo-title {
        text-align: center;
        top: 80px;
        width: 100%;
    }
    }

    you can play with these values ( font-family is not defined here, font-size etc.
    For Small Screens ( try it on my testsite) i decided to do the Title under the top logo in the center of the screen

    #694943

    by the way as you can see it works with shrinking option too!

    and if you want to get rid of the top border when header is scrolled :

    .header-scrolled #header_main_alternate.container_wrap {
        border-top: medium none;
    }

    Your welcome!

    #694989

    Hi,

    Thanks @Guenni007 :)

    Best regards,
    Yigit

    #695975

    Hi,

    Thank you so much, you are amazing!

    Best regards,
    Kristoffer

Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Site title in front of logo’ is closed to new replies.