Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • December 9, 2015 at 2:34 am #549388
    Anton

    Hello,

    is it possible to use a custom text instead of logo in the shrinking header?
    And will it correctly appear on mobile devices?
    http://www.newpointdeview.com/blog/

    December 9, 2015 at 8:35 pm #549956
    Anton

    …

    December 9, 2015 at 9:30 pm #549968
    Yigit

    Hey!

    Please see – http://kriesi.at/documentation/enfold/add-subtext-to-logo-replace-logo-with-site-title/
    After applying the changes, please add following code to Quick CSS in Enfold theme options under General Styling tab

    .header-scrolled .logo img { display: none !important; }
.responsive .logo img { display: none !important; }

    Your text would be displayed on mobile instead of logo. If that is not what you wanted, please do not add the second line of code and elaborate

    Regards,
    Yigit

    December 16, 2015 at 2:23 pm #553674
    Anton

    Hi,

    this is what I did :
    functions.php

    add_filter('avf_logo_subtext', 'kriesi_logo_addition');
function kriesi_logo_addition($sub) {$sub .= "<h1>NEW POINT <span class='title-red-de'>DE</span> VIEW</h1>"; return $sub;}<code>*</code>

    style.css

    .title-red-de  {color: #f05a1a;}
.logo img {display: none !important;}
.logo i {font-size: 14px;}
.logo .subtext {font-size: 50px; position: relative; top: 21px; color: #fff;}
.responsive #top .logo {display: block; height: 89px !important}
.responsive .logo a {display: block}*/
.header-scrolled .logo img { display: none !important; }
.responsive .logo img { display: none !important; }

    I’ve tried to play with two last lines (in style.css and quick css), but it doesn’t change anything.

    Here’s the result:
    PC screen AND mobile screen

    Is it possible to render this text shrinking like the logo ?
    I’d like to enlarge the font-size for the large screens, but make it to shrink on mobile screens in order to keep in one line

    December 19, 2015 at 11:20 pm #555459
    tjcoffey4

    I have this same question. I’d like to use a text logo. And I’d like to have the text respond to the screen size.

    December 20, 2015 at 12:32 am #555463
    tjcoffey4

    Anton, I just decided to make my font logo an image. Really easy to do. Just add a text layer on a transparent background layer and save as .png.

    If you need a program to do this, paint.net is a good, free program that will get the job done.

    December 21, 2015 at 12:20 pm #555857
    Anton

    @tjcoffey4

    Thank you for advice. I downloaded paint.net, but I can’t get my text on the transparent background in it. I have no clue why.
    The png file is completely black without any text. So I abandoned for the moment. Any secret to know?

    ANYWAY MY TOPIC IS STILL VALID FOR ENFOLD SUPPORT TEAM

    December 27, 2015 at 10:21 pm #557617
    Yigit

    Hi!

    Seems like you have removed subtext from your website but in case you would like to adjust the font size depending on screen size, please add following code to Quick CSS as well and adjust as needed

    @media only screen and (max-width: 768px) {
.subtext { font-size: 30px !important; }}
@media only screen and (max-width: 480px) {
.subtext { font-size: 20px !important; }}

    Best regards,
    Yigit

    January 12, 2016 at 7:00 am #563708
    tjcoffey4

    Anton, if you want to use an image:
    (1) open paint.net
    (2) click File then New (I use width of 300px by 138px tall at 96 pixels per inch and it looks good)
    (3) now use the eraser to delete the white background so you see a white and grey check backgroud (the checks indicate transparancy)
    (4) use the text tool to add you text in desired font, color, size, etc.
    (5) save as .png
    (6) upload to Enfold them

    Good Luck!

    January 13, 2016 at 5:09 am #564325
    Rikard

    Hi @tjcoffey4,

    Thanks for sharing, much appreciated :-)

    Regards,
    Rikard

    April 25, 2016 at 6:58 pm #621597
    Anton

    resolved

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Text instead of logo in header’ is closed to new replies.