Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 22, 2016 at 4:37 pm #620077
    sam

    I would like to add a section beneath my logo (which is an image) and above my side menu where I can write my name and title. How can I do this?

    April 22, 2016 at 5:38 pm #620108
    Yigit

    Hi sam!

    Please refer to this post – http://kriesi.at/documentation/enfold/add-subtext-to-logo-replace-logo-with-site-title/

    Regards,
    Yigit

    April 25, 2016 at 5:16 pm #621511
    sam

    Hello,
    Thanks, I used this code in the functions.php file:

    add_filter(‘avf_logo_subtext’, ‘kriesi_logo_addition’);
    function kriesi_logo_addition($sub) {
    $sub .= “My Name, PhD”;
    return $sub;
    }

    But I want to make the text larger and I want it all on one line. I’d also line to add a second line of text. Can you tell me what modifications I need to make to this code or the site so that it will appear correctly?

    Thanks!

    April 25, 2016 at 5:18 pm #621514
    Yigit

    Hi!

    Can you please post a screenshot showing the changes you would like to make and logins to your site as Maintenance mode is enabled at the moment?
    You can upload your screenshots on imgur.com or Dropbox public folder and post the links here

    Regards,
    Yigit

    April 25, 2016 at 10:15 pm #621721
    sam

    Hi, attached is a screenshot. As you can see, the width is too short and the text is carrying over to the next line. I want to use a larger font and not have that carry over, and I also want to be able to add a second line of text.

    April 25, 2016 at 10:22 pm #621729
    Yigit

    Hi!

    Please change following code

    .html_header_sidebar .logo {
    max-width: 200px;
}

    to following one 

    .html_header_sidebar .logo img {
    max-width: 100px;
}
.subtext {
    font-size: 20px;
}

    To add a second line, you can use HTML 

    add_filter('avf_logo_subtext', 'kriesi_logo_addition');
function kriesi_logo_addition($sub) {
    $sub .= "Your name, PhD <br><span class='my-second-line'>text for the second line</span>";
    return $sub;
}

    Then you can target that second line using following selector in Quick CSS 

    .my-second-line { font-size: 12px; }

    Cheers!
    Yigit

    April 25, 2016 at 11:26 pm #621774
    sam

    This is great, thanks. But how would I add a bit of space between the text and the logo?

    April 25, 2016 at 11:43 pm #621780
    sam

    Nevermind, I figured that out :) Thanks for your help!

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘How to add text beneath logo?’ is closed to new replies.